Building native modules for React Native

on YouTube ↗25m

" summary

Built and published a real module, react-native-image-resizer, that resizes large photos using native iOS and Android APIs; shows bootstrapping options (including react-native-create-bridge with Swift/Kotlin support), keeping a test RN app alongside the module, and where to register packages in Android and Objective‑C glue. Covers debugging with Xcode/Android Studio, layout inspectors, Instruments/Android Monitor, and using RN Snoopy to profile bridge traffic. Emphasizes async bridge behavior, JSON/native arg mapping, never send large blobs over the bridge (use file paths), and handle exceptions and semver for breaking changes.

AI-written summary · about

" chapters (13)

1. 0:00Introduction to native modules
2. 3:13Bridge overview and alternatives
3. 5:45How the React Native bridge works
4. 7:51Writing a native module
5. 9:18iOS native module setup
6. 10:22Android native module setup
7. 11:24Bootstrapping a native module
8. 13:51Essential native tooling
9. 17:49Bridge performance and debugging
10. 19:59Common pitfalls and exceptions
11. 21:44Data handling best practices
12. 22:48Breaking changes and updates
13. 24:15Closing and resources

" related talks

• 22mThe great Divide: Bridging Native Modules And React NativeMonica Restrepo · React Native EU 2020
• 34mReact Native - Under The BridgeChen Feldman · Reversim Summit 2019
• 23mBreaking Down React Native BridgingPeggy Rayzis · Chain React 2017
• 37mGetting to the Native in React NativeWouter Van Den Broek · React Native EU 2018
• 45mThe Dark Art of Native APIsShanen Hovhannisyan · JS Conf Armenia 2017
• 27mBuilding high quality mobile apps with React NativeParashuram Narasimhan · State of platforms: Fragments Ahmedabad 2019
• 36mInside React Native's New Architecture: Fabric, TurboModule…Aashima Wadhwa · DroidKaigi 2026
• 35mBridging the Gap: How to use React Native in existing large native code basesLeland Richardson · ReactiveConf 2016