owen800q/react-native-template-new-architecture

React Native 0.69 ⚡ M1, Ubuntu 💻 Hermes ⚙️ Fabric 🚄 Turbo Modules 💨 TypeScript 4.8b ✔️ Gradle 7.4, JDK 17, NDK 25, ndk-build (CMake 🚧) 📓 Storybook 6a +addons 🍎 Xcode 14b, Monterey 12.5b 🧩 Yarn 3.2 (Turborepo 🚧) ESLint ✔️ Prettier ✨ Metro 📦 Re.Pack 🚧 Bazel, Buck 🚧 Babel 🗼 SWC 🚧 cljs 🚧 for curious early adopters :suspect:

React Native Template / Boilerplate

Bleeding 🔪 Edge 🌉 Nightlymare 🌃 Edition

““”̿ ̿ ̿ ̿ ̿’̿’̵͇̿̿з=(*▽*)=ε/̵͇̿̿/̿ ̿ ̿ ̿ ̿’““

IDKFA

Setup

Fresh M1

Yarn

yarn set version berry # Globally, outside repo
yarn set version canary # Bonus, to keep up w Renovate bot

Install

yarn
yarn setup # If bonus n/a

Start

yarn start

Silicon (M1) Macs

iOS (arm64)

cd ios
pod install
..
yarn ios

Or iOS (Intel x86_64)

Android

Building-from-source#prerequisites, but with NDK 25.0.8528842 rc4

# android/local.properties
sdk.dir=/Users/<user>/Library/Android/sdk
ndk.dir=/Users/<user>/Library/Android/sdk/ndk/25.0.8528842

Strip: rcX suffix / (trailing) spaces / final final linebreak - otherwise fcntl(): Bad file descriptor

Open Android Studio - Preview release - Canary build

• Open Project, set the JDK
• SDK Manager > SDK Tools > NDK > ⬇️ 25.0.8528842 rc4
• Build all 4 default ABIs first with other libraries
• Open an arm64 AVD e.g. Pixel_3a_API_31_arm64-v8a Initial Preview v3: Google APIs System Image
• Make Project

yarn android --active-arch-only

Troubleshooting

• Apple Silicon (M1) troubleshooting guide (RN 0.64/0.65/0.66)
• New Architecture - Troubleshooting

Storybook v6 alpha

src/index.tsx

- export default false ? StorybookUIRoot : App 
+ export default true ? StorybookUIRoot : App 

Soon: v6 rn storybook server

Storybook v5

metro.config.js

-       inlineRequires: true
+       inlineRequires: false
# https://github.com/facebook/hermes/issues/135
# https://github.com/facebook/react-native/issues/31969

# @storybook/react-native-server v5
yarn storybook

yarn <android/ios>

Node

With ts-node and curveball

yarn server

Deno

brew install deno

yarn deno

---