React Native Template / Boilerplate

Bleeding 🔪 Edge 🌉 Nightlymare 🌃 Edition

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

IDKFA

Android	iOS

Set Up Your Environment

Fresh Apple Silicon 🔥 (macOS arm64)

Install

corepack enable
yarn
yarn setup

Start

yarn start

iOS

cd ios
pod install
cd ..
yarn ios

Old Rosetta 2 Intel x86_64 way

Android

NDK

Old manual setup

Building-from-source#prerequisites, but with NDK 25.0.8775105

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

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

Android Studio

Old manual setup

Open Android Studio - Preview release - Canary build

• Open Project, set the JDK
• SDK Manager > SDK Tools > NDK > ⬇️ 25.0.8775105
• 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

Run

yarn android

Storybook v6

Add stories to src/components/**/*.stories.(ts|tsx)

Keep in sync with .storybook and storybook_server /main.js

yarn get-stories

yarn storybook-server # optional

react-native-template-new-architecture/src/index.tsx

Line 132 in 01f1c98

export default App // Or StorybookUIRoot

Old v5 setup

react-native-template-new-architecture/metro.config.js

Line 16 in 01f1c98

inlineRequires: true

• facebook/hermes#135
• facebook/react-native#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

---