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
- uses
React 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
- role at
“I'm Jan. I'm a software developer at Callstack.”
YouTube Unverified1 source· Talk
- featureReact Native: Version 0.65 bundled a new Hermes version
“React Native 0.65 ... was released last month.”
YouTube Unverified1 source· Talk
- integrates with
React Native for Windows integrates with CodePush“it's now available natively in React Native for Windows as well”
5:05inUnlocking the next generation of desktop app with React NativeYouTube Verified2 sources· Talk
- feature
Hermes Agent: Hades garbage collector promises a 30-fold decrease in pause time“promises to bring a 30-fold decrease in pause time”
YouTube Unverified1 source· Talk
- featureHermes Agent: Works on M1 Macs
“it now works on M1 Macs”
YouTube Unverified1 source· Talk
- featureReact Native for Windows: Releases simultaneously with iOS and Android
“now releases simultaneously with iOS and Android”
YouTube Unverified1 source· Talk
- featureReact Native for Windows: Supports Pressable and experimental binary distribution
“they've added those APIs to React Native Windows”
YouTube Unverified1 source· Talk
- featureReact Native: New architecture comprises JSI, Fabric, and TurboModules
“The new architecture has three different parts called JSI, Fabric, and TurboModules.”
YouTube Unverified1 source· Talk
- metricReact Native: Almost 10,000 registrants from more than 140 countries
“almost 10,000 people registered”
YouTube Unverified1 source· Talk
- featureReact Navigation: Version 6 adds transparent modals and groups
“The highlights of this release are a lot of polish, simpler APIs, and new features like transparent modals and groups.”
YouTube Unverified1 source· Talk
- featureRe.Pack: Supports multiple app bundles and code splitting
“it allows app developers to create multiple bundles for their app”
YouTube Unverified1 source· Talk
- featureExpo Modules: Development Client and config plugins allow integration of custom native code
“you can integrate custom native code, which you couldn't do before”
YouTube Unverified1 source· Talk
- feature
Expo Application Services Build: Builds React Native and Expo apps in Expo's cloud“It's a service you can use to build your React Native and Expo apps in Expo's cloud”
YouTube Unverified1 source· Talk
