devharris7 / react-native-practice

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.8221429 rc2

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

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.8221429 rc2
• Build only one ABI during development
• Build all 4 default ABIs first with libraries like react-native-screens (clean issue resolved) or react-native-safe-area-context till resolved
• Open e.g. Pixel_3a_API_31_arm64-v8a Initial Preview v3: Google APIs System Image
• Make Project

yarn android

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

---