Yashotantra Academy logo
← React Native theorytheory 0/50 · 0%
level 1
Curious · 0 XP
streak
0d
perfect
0
badges
0

100 XP to Apprentice

Architecture · hard

40. The new architecture: Fabric and TurboModules

How rendering and native calls are evolving.

1 min read3 questionsup to 50 XPtopic 40/50

Read in another language

AI translates the explanation and quiz text while preserving code and answer scoring.

Fabric is the new rendering system replacing the old bridge-based UIManager, building the shadow tree in C++ shared across platforms and enabling synchronous layout measurements when needed.

// Enabling the new architecture (example, varies by RN version)
// android/gradle.properties
newArchEnabled=true

TurboModules lazily load native modules only when first accessed (instead of eagerly at startup), improving cold-start time for apps with many native dependencies — relevant for wallet apps bundling multiple chain SDKs.

Together, Fabric + TurboModules + JSI form what's often just called "the new architecture," aiming to remove the async bridge as the sole communication path between JS and native.

How to study this topic

  1. 1. Read the explanation once end to end, skipping the code.
  2. 2. Re-read the code snippets and say out loud what each line does.
  3. 3. Answer the quiz without scrolling back — that is the real check.
  4. 4. Read every explanation, even for the answers you got right.

Scoring

  • · Up to 30 XP from quiz accuracy.
  • · +15 XP for a perfect first attempt.
  • · +5 XP while a 3-day streak is running.
  • · 75% or higher marks the topic complete.

Check your understanding

  1. 1. What does Fabric replace?

  2. 2. What benefit do TurboModules provide?

  3. 3. What three pieces are commonly called 'the new architecture'?

Badges

First light
Pass your first topic
Sharp shooter
3 perfect first-try quizzes
On a roll
Study 3 days in a row
Week warrior
Study 7 days in a row
Grinder
Earn 500 XP
Deep diver
Earn 1500 XP