React Native New Architecture

Łukasz and Nicola give a thorough overview of React Native new architecture. They start with the historical background of the framework, go through the pillars of new architecture, to end with some practical tips for adopting the new architecture to your app.

From this episode you’ll find out the following:

• How React Native was created, how the framework evolved, and why it needed a new architecture
• The decision-making process behind restructuring the architecture of React Native

New Architecture pillars

Nico and Łukasz discuss the pillars of the New Architecture:

• New render
• Turbo modules
• Codegen
• The bridge

After elaborating on the pillars of the new React Native architecture, Nico describes the difference between new and old React Native architecture. Nico shares some elevator pitches for the React Native new architecture and its pillars.

Languages in native development

In the next section, Łukasz and Nico talk about modern languages in native development and how they are impacted by the new architecture. Nico mentions languages such as:

• TypeScript
• Kotlin, and
• Java

Afterward, Nico and Łukasz dive deep into the benefits of switching to the React Native new architecture. There are plenty of advantages in the long run, for example, codegen will save you a lot of runtime crashes.

Adopting the New Architecture

Next, the discussion shifts to some practical aspects, namely, adopting React Native new architecture. Nico clarifies whether it’s advisable to migrate to the new architecture gradually.

The conversation ends with Nico’s insights on what’s coming up with the new architecture in the near future. You can always reach Nicola via his Twitter or GitHub.

Check out the talk by Joshua Gross, The New React Native: Bringing the Fabric renderer to the “Facebook” app, from the React Native EU conference 2021.

For more information, take a look at the official documentation.