(New) Architecture

Feature requests

React Native - New Architecture

• React Native New Architecture Working Group

• Blog

• New Architecture
  • Intro
  • Native Modules/Library intro (then Enabling on Android/iOS)
• Architecture
  • Overview
  • Rendering...
  • Glossary

• Deep dive into React Native’s New Architecture

• How JSI powers the most advanced Camera library (VisionCamera Frame Processing)
• The New React Native: Bringing the Fabric renderer to the Facebook app
• The New React Native

• 👓 Transparency
  • CodeGen Discussion
  • JSI (JavaScript Interface) & JSC (JavaScript Core) Discussion
  • TurboModules (NativeModules Re-architecture)
    • Turbo Modules + Developer Scenarios
  • React Native Fabric (UI-Layer Re-architecture)
• 📚 Guide: Getting Started with The New Architecture (a.k.a. the Playbook)

React Native - Old Architecture

• Native Modules intro (then Android/iOS/npm)
• Android Native Components (Android/iOS/Direct Manipulation)

JS (browser)

---

Building for iOS Intel x86_64 Architecture

Slower with better compatibility

rm -rf /Users/<user>/Library/Developer/Xcode/DerivedData

cd ios
arch -x86_64 pod install
..
arch -x86_64 yarn ios

Excluding arm64

# project.pbxproj
# ...
- "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = i386;
+ "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = arm64;
# ...
- "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = i386;
+ "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = arm64;
# ...

Open Xcode 13 using Rosetta or iTerm

Details