React Native 0.76 with the New Architecture by default is now available on npm!

In the 0.76 release blog post, we shared a list of significant changes included in this version. In this post, we provide an overview of the New Architecture and how it shapes the future of React Native.

The New Architecture adds full support for modern React features, including Suspense, Transitions, automatic batching, and useLayoutEffect. The New Architecture also includes new Native Module and Native Component systems that let you write type-safe code with direct access to native interfaces without a bridge.

This release is the result of a ground-up rewrite of React Native we’ve been working on since 2018, and we’ve taken extra care to make the New Architecture a gradual migration for most apps. In 2021, we created the New Architecture Working Group to collaborate with the community on ensuring a smooth upgrade experience for the entire React ecosystem.

Most apps will be able to adopt React Native 0.76 with the same level of effort as any other release. The most popular React Native libraries already support the New Architecture. The New Architecture also includes an automatic interoperability layer to enable backward compatibility with libraries targeting the old architecture.

Today we are excited to release React Native 0.76!

This is a major milestone for React Native, as we’re enabling the New Architecture by default, and we’re introducing React Native DevTools. This has been the culmination of 6 years of hard work from our team, together with the support of our incredible community of developers.

Highlights​

• React Native New Architecture by default
• React Native DevTools
• Faster Metro resolution
• Box Shadow and Filter style props

Breaking Changes​

• Removed the dependency on the react-native-community/cli
• Android Apps are ~3.8Mb smaller thanks to Native Library merging
• Updates to Minimum iOS and Android SDK requirements

Today we are excited to release React Native 0.75!

This release ships several features, such as Yoga 3.1 with support for % values, several stabilization fixes for the New Architecture, and the introduction of the recommendation for users to use a React Native Framework.

Highlights​

• Yoga 3.1 and Layout Improvements
• New Architecture Stabilization
• Using Frameworks

Breaking Changes​

• Touchables in TypeScript can’t be used as types in Generic expressions anymore
• Last version supporting minSdk 23 and minIOSVersion 13.4
• Android: JSIModule has been deleted
• Android: PopUp Menu removed from core
• iOS: Finalized Push Notifications deprecation work
• Community CLI: Removal of ram-bundle and profile-hermes commands

At React Conf, we updated our guidance on the best tool to get started building React Native apps: a React Native framework - a toolbox with all the necessary APIs to let you build production-ready apps.

Using React Native frameworks, such as Expo, is now the recommended approach to create new apps.

In this blogpost we want to walk you through what they are in detail and what they mean for you as a React Native developer starting a new project.

Today we're releasing React Native 0.74! This release adds Yoga 3.0, Bridgeless by default under the New Architecture, batched onLayout updates (New Architecture), and Yarn 3 as the default package manager for new projects.

We are also removing deprecated APIs, with the removal of PropTypes and breaking changes to PushNotificationIOS. On Android, SDK 23 (Android 6.0) is now the minimum supported version.

Highlights​

• Yoga 3.0
• New Architecture: Bridgeless by Default
• New Architecture: Batched onLayout Updates
• Yarn 3 for New Projects

Breaking Changes​

• Android Minimum SDK Bump (Android 6.0)
• API Changes to PushNotificationIOS (Deprecated)
• Removal of Deprecated PropTypes
• Removal of Flipper React Native Plugin
• Other Breaking Changes

Today 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
• Stable Symlink Support in Metro
• Kotlin Template on Android
• Android 14 Support
• New Architecture Updates
• Deprecated Debugging Features

Breaking Changes​

• Babel Package Renames
• Other Breaking Changes
• React Native CLI Changes
• Deprecated @types/react-native

Today we’re releasing 0.72!

This release adds highly requested features for Metro, better error handling, and other developer experience improvements. So much of this work was prioritized from your feedback on the 2022 community survey -- thank you to all those that participated!

Highlights​

• New Metro Features
• Developer Experience Improvements
• Moving New Architecture Updates

Breaking Changes​

• Deprecated Component Removals
• Package Renames

With the release of React Native 0.72, Metro — our JavaScript build tool — now includes beta support for the package.json "exports" field. When enabled, it adds the following functionality:

• React Native projects will work with more npm packages out-of-the-box
• New capabilities for packages to define their API and target React Native
• Some breaking changes to package resolution (in edge cases)

In this post we'll cover how Package Exports works, and what these changes mean for you as a React Native app developer or package maintainer.

Now that 0.71 is available, we want to share some key information about the incident that broke Android builds for all React Native versions while releasing the first 0.71 release candidate for React Native & Expo Android builds on November 4th, 2022.

The contributors who helped tackle the incident recently attended a post-mortem meeting to discuss in detail what happened, what we all learned from it, and what actions we are going to take to avoid similar outages in the future.

Today we’re releasing React Native version 0.71! This is a feature-packed release including:

• TypeScript by default
• Simplifying layouts with Flexbox Gap
• Web-inspired props for accessibility, styles, and events
• Restoring PropTypes
• Developer Experience Improvements
• New Architecture Updates

In this post we’ll cover some of the highlights of 0.71.