Callstack developers name Hermes on iOS, Reanimated 2, JSI, and TurboModules among 2021’s notable developments. Lukas and Ola also discuss React Native adoption at Coinbase and Microsoft, including Microsoft’s work on React Native for Windows and macOS. They point to active GitHub Discussions and clearer advance notice of breaking changes as useful signs of progress.
Expert Talks on Current and Future Trends in React Native
Speakers
Lukas and Ola, Callstack React Native developers and hosts of The React Native Show, review the React Native ecosystem in 2021 and discuss what they expect in 2022.
React Navigation is the most common pick in the Callstack survey, and the hosts describe it as a default choice for app navigation. They also discuss Re.Pack, which lets React Native projects use Webpack features such as module federation and code splitting, and Expo’s tools for building, testing, and deploying apps. Other examples include React Native Web, React Native Testing Library, and React Freeze.
The survey’s most common hope for 2022 is a stable React Native new architecture, with documentation and library migrations to support adoption. The hosts expect developers to keep writing React and JavaScript while changes such as Fabric affect the renderer under the hood. They note that library authors may face the biggest migration challenges.
Lukas and Ola hope more companies adopt React Native so they can support iOS and Android with a shared app codebase. They also discuss state management, encouraging developers to consider React Context and Hooks, MobX, XState, Recoil, or React Query alongside Redux. Ola suggests separating local state from server data when choosing tools.
Takeaways
- Track GitHub Discussions and release notes to follow architecture changes and prepare for breaking updates.
- Choose libraries based on project needs: Expo can simplify setup and deployment, while Re.Pack offers Webpack capabilities for specific use cases.
- Plan for new architecture adoption by checking library compatibility and migration documentation.
- Use React Navigation when it fits your app’s routing needs; the hosts describe it as widely used and available on web.
- Match state management tools to the problem, such as built-in hooks for local state and React Query for server data.
Mentioned in this talk
Callstack Team
Coinbase
Microsoft
MetaSoftware MansionReact Native PaperReact Universe on AirReanimated
Hermes AgentReact Native Gesture HandlerExpo ModulesReact NavigationRe.PackReact Native for WindowsReact FreezeReact Native Testing Library
React NativeJSITurboModuleswebpackFabricReact Native for macOSMetroUniModulesReact Native Web
ReduxReact Context and HooksTanStack QueryMobXMike GrabowskiDan AbramovSatyaMiho Pishawa
Kent C. Dodds
CoinbaseMicrosoftMetaSoftware MansionReact Native PaperReact Universe on AirReanimatedHermes AgentReact Native Gesture HandlerExpo ModulesReact NavigationRe.PackReact Native for WindowsReact FreezeReact Native Testing LibraryReact NativeJSITurboModuleswebpackFabricReact Native for macOSMetroUniModulesReact Native WebReduxReact Context and HooksTanStack QueryMobXMike GrabowskiDan AbramovSatyaMiho PishawaKent C. DoddsSearch inside this talk
What was claimed 14
- builtCallstack Team built Re.Pack
“we also contribute to many open-source projects such as ... Re.Pack”
0:01inReact Native Developers Wanted!YouTube Verified7 sources· Talk
- usesMicrosoft 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
- foundedMike Grabowski founded Callstack Team
“I'm Mike, co-founder of Callstack.”
YouTube Verified2 sources· Talk
- integrates with
“Re.Pack is a toolkit for React Native applications that works with Webpack.”
0:18inWhat is Re.Pack?YouTube Verified7 sources· Talk
- role atMiho Pishawa is head of technology for React Native at Callstack Team
“our head of technology, Michał Piszczek”
1:03inReact v18.0 & React Native 0.68YouTube Verified4 sources· Talk
- usesCoinbase uses React Native
“many companies started to use React Native in their apps, like Coinbase”
1:35inCallstack talks on React Native (quick interviews)YouTube Verified2 sources· Talk
- built
Verified2 sources· Talk
- role atMike Grabowski is CTO at Callstack Team
“he's a core contributor to React Native and the CTO at Callstack”
YouTube Verified2 sources· Talk
