Welcome to the latest milestone in React Native development! Version 0.78 brings React 19 to the mobile framework, alongside native Android vector drawable support, improved iOS brownfield integration, and a streamlined setup for the React Compiler. This release isn't just about new features—it's about making your development experience smoother and your apps more powerful. Below, we answer the most pressing questions about what this update means for your projects.
What makes React Native 0.78 a significant release?
This release is a game-changer because it bundles React 19, the latest version of the core library, directly into React Native. React 19 introduces powerful new APIs like Actions, useActionState, and useOptimistic, which simplify state management and data submission. Additionally, the update brings native support for Android Vector drawables in XML format, enabling sharper graphics without extra dependencies. On iOS, the new ReactNativeFactory class enhances brownfield integration, letting you embed React Native components more easily into existing native apps. These improvements reduce boilerplate, improve performance, and open the door to more efficient development workflows.
How does React 19 change the way I build React Native apps?
React 19 introduces several paradigm shifts. First, Actions replace manual async handling: they manage pending states, optimistic updates, and error recovery automatically. The use hook lets you read promises or context directly during render, with React suspending as needed. Another major change is that ref can now be passed as a regular prop, eliminating the need for forwardRef in function components. However, upgrading requires removing deprecated APIs like propTypes. Follow the official migration guide to adapt your components. After migration, you'll write less code and enjoy built-in optimizations that were previously manual.
What new React 19 features should I prioritize learning?
Start with Actions and the hooks built on them: useActionState returns the last result and pending state, while useOptimistic lets you display the final state optimistically and roll back on error. The use API is also key—it allows reading resources like promises and contexts during render, triggering Suspense automatically. For performance, ref as props simplifies component APIs. If you're aiming for automatic memoization, enable the React Compiler (now simpler to set up). These features reduce boilerplate and improve user experience by handling loading and error states effortlessly.
How has React Compiler integration improved in this release?
Previously, enabling the React Compiler required installing two packages (babel-plugin-react-compiler and a runtime) and then configuring Metro’s Babel pipeline. With React Native 0.78, the process is much simpler: you only need to install the compiler package and configure the Babel plugin. The runtime is now included automatically. This reduces setup friction and potential version mismatches. After configuration, you can verify the compiler is active by opening React Native DevTools and checking that components are marked as memoized. The compiler automatically applies useMemo, useCallback, and React.memo for you, eliminating manual optimization mistakes.
What platform-specific improvements come with this release?
On Android, React Native 0.78 adds native support for XML vector drawables. This means you can reference .xml drawables directly in your app’s resources, just like in standard Android development. No more converting to PNG or using third-party libraries. On iOS, the new ReactNativeFactory class simplifies brownfield integration—allowing you to create and manage React Native instances within existing UIKit apps with less boilerplate. This makes it easier to incrementally adopt React Native in legacy projects. Both improvements reduce dependencies and streamline platform-specific code.
What steps should I take to upgrade my app to React 19?
Start by reviewing the official upgrade guide on the React Native website. Key steps include removing deprecated APIs like propTypes and ensuring all third-party libraries support React 19. Update your package.json to React Native 0.78 and React 19. Then run the upgrade helper or use npx react-native upgrade. Test thoroughly, especially for components using legacy lifecycles or forwardRef. Consider enabling the React Compiler early to catch any issues. The migration may require changes to hooks and context usage, but the long-term benefits—simpler code, better performance—are worth the effort.
What does 'smaller and faster releases' mean for developers?
The React Native team has refined their release process to deliver updates more frequently with fewer breaking changes. This means you can expect to see new features and fixes faster, with clearer migration paths. The leaner release process also reduces the time between React core updates and their availability in React Native. For developers, this translates to staying current with ecosystem improvements more easily, while spending less time resolving upgrade conflicts. It's part of a broader effort to make React Native a more agile and predictable platform.