The panel covers Hermes updates in React Native 0.65, including the Hades garbage collector, native Intl support, and compatibility with M1 Macs. They also discuss accessibility work and React Native Windows releasing alongside iOS and Android, with CodePush support, improved Hermes integration, and added APIs such as Pressable.
React Native News
Speakers
Łukasz, a software developer at Callstack, hosts Satya and Yannick on the React Native Show to review React Native core and community updates, including Windows, the new architecture, libraries, and Expo.
The hosts recap recent React Native blog posts about preparing for iOS 15 and Android 12, expanding to more platforms, and plans for the second half of the year. They discuss React Native’s potential for desktop apps, including Facebook’s move from Electron to React Native for Messenger on macOS and Windows, which the panel says reduced memory requirements and improved performance.
Satya explains JSI, Fabric, and TurboModules, describing how they enable direct JavaScript and native interaction and support more responsive UI. Yannick says Facebook tested the architecture across more than 1,000 surfaces before completing its internal rollout. The panel also recaps React Native EU: nearly 10,000 registrants from more than 140 countries, 23 talks, and 24 speakers.
Satya outlines React Navigation 6, including Native Stack as its default navigation setup, while Yannick describes Re.Pack, a webpack-based alternative to Metro that supports multiple bundles and code splitting. The panel encourages practical contributions such as answering issue tracker questions and fixing documentation. They also cover Expo Development Client, config plugins, and cloud builds through EAS Build.
Takeaways
- React Native 0.65 brings Hermes improvements, including a garbage collector designed to reduce pause times and native Intl support.
- React Native Windows is aligning releases with iOS and Android and expanding compatibility with shared APIs and libraries.
- JSI, Fabric, and TurboModules are intended to reduce bridge overhead and improve UI responsiveness; Facebook tested the architecture across more than 1,000 surfaces.
- Re.Pack offers webpack configuration and code splitting for React Native apps, which can improve startup time for apps with large dynamically imported modules.
- Contributing to open source can start with answering issues or correcting documentation, not only building features.
Mentioned in this talk
Search inside this talk
What was claimed 21
- foundedMike Grabowski founded
CallstackCEO and founder“I'm Mike Grabowski, co-founder of Callstack.”
YouTube Verified3 sources· Talk, Web· archived
- uses
Meta uses React Native“we've been testing the rollout of them within our own apps, including the flagship Facebook app.”
0:20inThe New React Native: Bringing the Fabric renderer to the “Facebook” appYouTube Verified8 sources· Talk
- useswraps webpack under the hood
“With Re.Pack, you can use webpack”
0:28inHow to build super apps with React Native and Re.Pack?YouTube Verified7 sources· Talk
- usesReanimated uses JSI
“There are already a lot of modules, like React Native Reanimated”
1:40inWhen will the re-architecture (TurboModules, Fabric) rollout be available to the community?YouTube Verified3 sources· Talk
- usesVisionCamera uses JSI
“React Native VisionCamera”
1:40inWhen will the re-architecture (TurboModules, Fabric) rollout be available to the community?YouTube Verified4 sources· Talk
- usesReact Native MMKV uses JSI
“React Native MMKV”
1:40inWhen will the re-architecture (TurboModules, Fabric) rollout be available to the community?YouTube Verified4 sources· Talk
- role at
“I'm Łukasz, a software developer working at Callstack.”
YouTube Unverified1 source· Talk
- role at
“I'm Satya, a front-end developer at Callstack.”
YouTube Unverified1 source· Talk
