React Native Template / Boilerplate

Bleeding 🔪 Edge 🌉 Nightlymare 🌃 Edition

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

IDKFA

Set Up Your Environment

Setup

corepack enable
yarn install
yarn setup

Start

yarn start

iOS

yarn install:ios
yarn ios

_Old Rosetta 2 Intel x86_64 way-Architecture#building-for-ios-intel-x86_64-architecture)_

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

[!NOTE]

TODO: Migrate RN Storybook from 6.5.x to 10 (RN 0.71 to 0.86.0-nightly-20260313-972a30db4)

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

https://github.com/leotm/react-native-template-new-architecture/blob/01f1c9864f55367004effbe26d3f33590784704b/src/index.tsx#L132

Old v5 setup

https://github.com/leotm/react-native-template-new-architecture/blob/01f1c9864f55367004effbe26d3f33590784704b/metro.config.js#L16

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

leotm/react-native-template-new-architecture: React Native 0.88 📱 React 19.3 ⚛️ Hardened JS 🔒 LavaMoat 🌋 Ubuntu 26 🐧 Xcode 27 🍎 Hermes V1 ⚙️ Fiber / Fabric / Yoga 🏎️ Turbo / Nitro 💨 TS 7 ✅ Kotlin 2.2, JDK 25, NDK 27 🤖 Yarn 4 📦 ESLint 🧹 Pre

React Native Template / Boilerplate

Bleeding 🔪 Edge 🌉 Nightlymare 🌃 Edition

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

IDKFA

Set Up Your Environment

Setup

Start

iOS

Android

NDK

Android Studio

Run

Storybook v6

Node

Deno

Reading Mode

Related Stories

I Miss Writing Code

Tuesday Isn't a Valid State Transition

Is Claude taking control of my development skills? I went looking for proof.

Hello world!!

LeetCode Made Coding Fun Again

Related Stories