Ł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.

Insights

Learn more about React Native

cover

Oct 8Talk

Same Destination, Different Roads: Migrating a Live App at Scale

Łukasz Chludziński compares Greenfield and Brownfield approaches to migrating a live app, weighing continuity, delivery speed, cost, and risk.

cover

Oct 7Talk

Building a Modern Navigation Library: The Hard Parts

At reactCon, Satyajit Sahoo explores the design choices behind React Navigation 8 and the challenges of creating a navigation library that works across platforms.

cover

Sep 24Talk

JSX to Live Activity: The Story of Voltra

Szymon Chmal will show how Voltra brings iOS Live Activities and widgets to React Native without requiring developers to write native UI code.

cover

Sep 24Talk

Building a Modern Navigation Library: The Hard Parts

Satyajit Sahoo will share the decisions and trade-offs behind React Navigation 8 and building a modern cross-platform navigation library.

cover

Aug 4Podcast

VisionCamera V5 With Marc Rousavy

Marc Rousavy joins Mike Grabowski to unpack VisionCamera v5, Nitro Modules, the constraints API, migration work, and what changed for React Native camera apps.

cover

Jul 9Talk

From JSX to SwiftUI: How Voltra Powers iOS Live Activities

See how Voltra lets React teams build iOS Live Activities and Dynamic Island UIs without Swift by translating JSX into SwiftUI under tight native limits.

cover

Jul 1Podcast

Redraw for Effects Beyond Skia

William Candillon talks about where Redraw fits next to Skia, from physics-based rendering to camera effects, AR, and new UI patterns.

cover

Jun 29Article

Less Boilerplate, More Type Safety: React Navigation 8's Typed Hooks

React Navigation 8 improves typed hooks with screen-aware types, less boilerplate, and fewer unsafe casts in shared UI and nested navigators.

cover

May 5Meetup

KLJS x React Universe Meetup, Kuala Lumpur

Join Callstack and Ryt Bank on May 5 in-person for a React Universe meetup with practical talks for engineers working with React and React Native in production.