New Architecture, Fabric, TurboModules & Hermes

ဒီခန်းပြီးရင် ဘာတတ်သွားမလဲ

New Architecture, Fabric, TurboModules & Hermes ရဲ့ React နဲ့ native platform behavior ကိုရှင်းပြနိုင်ရန်

Accessibility, failure နဲ့ lifecycle cases စမ်းနိုင်ရန်

Maintainable, testable နဲ့ performant React Native code ရေးနိုင်ရန်

New Architecture, Fabric, TurboModules & Hermes ကို Debug build တစ်ခုတည်းဖြင့်မဆုံးဖြတ်ဘဲ release device ပေါ်တွင် startup, JS/UI frame rate, memory, network, crash recovery, permissions, signing နဲ့ store requirements ဖြင့်စစ်ပါ။ New Architecture compatibility နဲ့ dependency support ကို upgrade တိုင်းအတည်ပြုပါ။

ပိုပြီးနားလည်ထားရမယ့် အချက်

လက်တွေ့မှာ ဘယ်လိုအသုံးချမလဲ

New Architecture, Fabric, TurboModules & Hermes example ကို Android/iOS, small/large screens, font scaling, dark mode, keyboard, screen reader, slow/offline network, denied permissions နဲ့ app background/foreground cases ဖြင့်စမ်းပါ။ DevTools, tests နဲ့ release build ကိုလိုအပ်သလိုအသုံးပြုပါ။

ဒီသင်ခန်းစာပြီးရင်

Shared code နဲ့ platform boundary ကိုရှင်းပြနိုင်ခြင်း
Loading/error/accessibility ပါသော example ရေးနိုင်ခြင်း
Android/iOS behavior တစ်ခုကို test သို့ profiler ဖြင့်စစ်နိုင်ခြင်း

text

React state update
  → React render
  → Fabric Shadow Tree (C++)
  → Commit + Yoga layout
  → Native view mount

JavaScript engine: Hermes V1
Native interface: JSI + TurboModules
Typed bindings: Codegen

You should see

Render, commit, mount နဲ့ JavaScript/native boundaries ကိုရှင်းလင်းစွာနားလည်မည်။

ကိုယ်တိုင်စမ်းကြည့်ရန်

Platform/Lifecycle သတိပေးချက်

Simulator တစ်ခု၏ happy path မှန်ရုံဖြင့် real devices, release builds, permissions, accessibility, offline နဲ့ lifecycle paths အားလုံးမှန်ပြီဟုယူဆခြင်း။

About the New Architecture — React Native