WhoBuilt

Intro

Sep 30, 2019· 20 min· 2.6K views·Watch on YouTube

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.

Community feedback sets priorities

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.

Improving the developer experience

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.

Growing community ownership

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.

Performance and the path ahead

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

Related talks