We're releasing React Native 0.73! This release adds improvements to debugging with Hermes, stable symlink support, Android 14 support, and new experimental features. We are also deprecating legacy debugging features and are releasing the next pillar of the New Architecture: Bridgeless Mode!

React Native 0.73 - Debugging Improvements, Stable Symlink Support, and more!

We're releasing React Native 0.73! This release adds improvements to debugging with Hermes, stable symlink support, Android 14 support, and new experimental features. We are also deprecating legacy debugging features and are releasing the next pillar of the New Architecture: Bridgeless Mode!

Highlights​

Debugging Improvements​

The React Native and Hermes teams are committed to improving the debugging experience in React Native. In 0.73, we're happy to share some initial progress out of this ongoing investment.

Console Log History in Hermes​

console.log() is an ever-popular way for developers to quickly debug their JavaScript code. In previous releases, console logs in React Native apps would not be recorded until a debugger was connected. This made it hard to observe logs that occur early during app load.

In React Native 0.73 we've addressed this issue. Hermes now captures all console.log() calls in the background, which will be sent to the Console tab when a debugger is first connected — matching the debugging experience in web browsers. This new behavior works across Flipper, Chrome DevTools connected to Hermes, and the experimental New Debugger.

Updated Debugging Docs​

We've refreshed the Debugging section of our docs, which now includes up-to-date information on how to connect all supported debuggers, more info on React DevTools, and refreshed visuals.

Experimental New Debugger​

The React Native team is working on a new JavaScript debugger experience, intended to replace Flipper, with a Technical Preview available as of React Native 0.73. The new debugger opens immediately and features a stripped-back Chrome DevTools UI customized for debugging React Native with Hermes.

NOTE

The new debugger is experimental and has some known issues we are actively working to solve in a future release of React Native. If you are trying it out, please use the same discussion thread to report feedback.

Learn more about enabling this experience in the docs.

Stable Symlink Support in Metro​

Support for resolving symlinks in Metro is now enabled by default. Symlink support enables React Native to work with monorepo setups when containing directories are configured with watch Folders.

Symlinks are deeply represented in Metro's internals, meaning they work with features such as Fast Refresh, and incur little performance overhead during bundling. Symlinks are supported on all desktop platforms, with and without Watchman.

INFO

Monorepo workarounds​

We are aware there are still edge cases when using React Native in a monorepo layout. We have planned work to address some of these, which didn't quite make it into 0.73 — but which we aim to ship as soon as possible.

For React Native template projects (npx react-native init), you will need to configure any watch Folders outside of the project root in order for Metro to discover them (more info). You may also need to update file paths if your react-native dependency is installed to a folder at a different level.

For Expo apps, support for Yarn (Classic) workspaces is configured out of the box. See also the Work with monorepos guide in the Expo docs.

Kotlin Template on Android​

We're excited to announce that, starting from 0.73, Kotlin is now the recommended language for Android apps built with React Native. This follows the direction that the Android ecosystem has been moving in for several years and allows you to write your app using a modern language.

We've updated React Native's template on Android to use Kotlin instead of Java. The new Main Activity. kt and Main Application. Kt files are 36% smaller in size.

The Upgrade Helper has also been updated to make it easier to migrate your .java files to .kt files. If you've previously modified the Java files in your project and you need support migrating them to Kotlin, you can use the Code > Convert Java file to Kotlin File utility of Android Studio (also accessible with the shortcut Cmd ⌘ + Shift ⇧ + Option ⌥ + K).

Android 14 Support​

We've updated React Native to fully support Android 14. Starting from 0.73, React Native developers can now target the latest Android SDK version, API Level 34 (Upside Down Cake).

Java 17 and Android Gradle Plugin upgrade​

In order to support Android 14, we've updated the version of Android Gradle Plugin (AGP) used to build Android apps from 7.4.x to 8.1.x.

This major version bump of AGP comes with a series of breaking changes that are available in the release notes from Google (8.0.0 and 8.1.0).

Most importantly, Java 17 is now a requirement to build Android apps. You can update your Java version to 17 by running:

brew tap homebrew/cask-versions

brew install --cask zulu17

and by updating your JAVA_HOME as documented in the Getting Started guide.

If you're a library developer, your libraries should work with React Native 0.73 without changes. Earlier this year, we published a note with a clarification on what the AGP bump means for you as a library author.

Grant partial access to photos and videos​

Selected Photos Access allows Android 14 users to grant apps access to specific items in their media library, rather than access to all media. In 0.73, React Native apps now support this capability, by using the READ_MEDIA_VISUAL_USER_SELECTED permission in the Permissions Android API.

Min SDK bump​

React Native 0.73 will be the final version which supports Android 5.0 (API Level 21). The next version of React Native will have a minimum SDK version of 23 (Android 6.0). Read more about the upcoming changes to min SDK bump here.

New Architecture Updates​

We continue the rollout of React Native's New Architecture, to make it available to everyone in the Open Source community.

Since React Native 0.68, both the New Renderer (Fabric) and the New Native Module System (Turbo Modules) were available to users to experiment and evaluate. We want to thank the community for the feedback we've received so far.

Today we're releasing another piece of the New Architecture: Bridgeless Mode. Up until now, when you enable the New Architecture in your app, the Bridge would still be available to support backward compatibility with older components and modules. However, our vision is to fully sunset the bridge. Starting from React Native 0.73, you can enable Bridgeless Mode which will disable the creation of the bridge entirely.

Together with Bridgeless Mode, we're shipping a Native Module Interop Layer that will allow you to reuse your old modules when in Bridgeless Mode. The Renderer Interop Layer introduced in React Native 0.72 has also been adapted to work with Bridgeless Mode.

As with the rest of the New Architecture, Bridgeless Mode is initially experimental. We invite interested users to enable it and report any problems and incompatibilities you face in the New Architecture working group.

Deprecated Debugging Features​

Flipper ↔ React Native integration​.

We are gradually moving away from Flipper as the default tool for debugging React Native apps. In 0.73, this begins by deprecating the native Flipper integration included with React Native (bootstrap code which wires up Flipper's core plugins). We will be removing this integration and dependency in the next release — meaning parts of Flipper such as the Network plugin will cease to work.

Unchanged: Flipper as a standalone product for native app debugging will continue to exist. Even after its removal from new React Native projects in the future, developers will be able to manually add Flipper to their app if they wish.

For more information on why we are moving away from Flipper, view the RFC.

Remote JavaScript Debugging​

Remote JavaScript Debugging is a legacy debugging mode that connects an external web browser (Chrome) to your app and runs your JavaScript code inside a web page, i.e. http://localhost:8081/debugger-ui. This model could lead to inconsistent app behavior while debugging and is incompatible with native modules under the New Architecture.

In 0.73, Remote JavaScript Debugging is deprecated and has been removed from the Dev Menu. Enabling the remote debugger must now be done manually via the Native Dev Settings API. Doing this is covered in the Other Debugging Methods docs.

INFO

Remote JavaScript Debugging was previously the default debugging experience for apps using Java Script Core (JSC). We recommend Safari Developer Tools (direct JSC debugging) instead, for iOS apps.

We recommend using Hermes for a consistent debugging experience on all platforms.

Breaking Changes​

Babel Package Renames​

We've relocated two Babel-related packages out of Metro and into React Native's repository and versioning scheme, enabling us to simplify maintenance and upgrades. The new versions of these packages support New Architecture features in 0.73, meaning these dependencies must be updated.

Please follow the Upgrade Helper when upgrading, to ensure you have updated these dependencies. Some packages have been renamed: