Grabowski says a community survey gathered feedback on what developers disliked about React Native. The responses were grouped into developer experience, community support, and performance. The React Native Community GitHub organization was created to move discussions into public view.
Intro
Speaker
Mike Grabowski, a React Native leader at Callstack, opens React Native EU 2019 with updates on React Native’s developer experience, community support, and performance.
The team is focusing on upgrades, debugging, and documentation. Upgrade Helper shows changes between versions, while autolinking handles native dependencies through CocoaPods and Gradle. Upcoming debugging improvements include on-device debugging with Hermes, Flipper integration, and Fast Refresh, which was enabled by default in the 61 release candidate.
The Lean Core initiative moved modules such as WebView and AsyncStorage into the React Native Community organization. WebView merged more than 100 pull requests in its first month as a separate project, and extracted projects together merged over 800. Grabowski says the React Native backlog fell from almost 300 pull requests to around 50 as submissions rose from 3.5 to 7 per day.
Grabowski highlights Hermes, a JavaScript engine optimized for React Native on mobile, and Metro’s inline requires, which load modules when needed. He reports that Hermes improved time to interaction by two seconds and reduced an application’s size by 90 megabytes. He closes by crediting community contributions and partner support for React Native’s progress.
Takeaways
- Use Upgrade Helper to review the changes required between React Native versions.
- Autolinking can simplify native dependency setup across iOS and Android.
- Try Flipper and Fast Refresh to streamline debugging and development.
- Moving modules into community ownership can increase contribution and maintenance capacity.
- For large apps, evaluate Hermes and Metro inline requires for startup and bundle improvements.
Mentioned in this talk
Search inside this talk
What was claimed 10
- uses
Microsoft uses React Nativein brownfield apps“how Microsoft is using React Native at scale”
0:09inReact Native at Scale: How Microsoft is betting big on React Native to target BILLIONS of usersYouTube Verified14 sources· Talk
- featureReact Native Upgrade Helper: Shows changes between React Native versions to guide upgrades
“gives you a full set of changes that happen between any two versions”
YouTube Unverified1 source· Talk
- featureFlipper: Inspects app layout, AsyncStorage contents, and React DevTools
“inspect your React Native app's layout”
YouTube Unverified1 source· Talk
- integrates withFlipper integrates with React Native
“integration with Flipper”
YouTube Unverified1 source· Talk
- featureFast Refresh: Fast and predictable hot module reloading, enabled by default
“it's turned on by default”
YouTube Unverified1 source· Talk
- role at
“there's now a dedicated person at Facebook to constantly challenge our docs”
YouTube Unverified1 source· Talk
- built
“all the great tools they've been making for React Native recently”
YouTube Unverified1 source· Talk
- metric
Hermes Agent: Application size reduced by 90 megabytes
“the application size got 90 megabytes smaller”
YouTube Unverified1 source· Talk
- feature
Hermes Agent: Improved time to interaction by two seconds
“time to interaction improved by two seconds”
YouTube Unverified1 source· Talk
- featureMetro: Inline requires load modules only when needed
“modules are required only when they're needed”
YouTube Unverified1 source· Talk






