React Native Template New Architecture Save
React Native 0.71.12 β‘ M1, Ubuntu π» Hermes βοΈ Fabric π Turbo Modules π¨ TypeScript 5 β Gradle 7.6, JDK 19, NDK 25 π Xcode 15b, Sonoma 14b, Ruby 3 π Bison 2.3 𦬠ccache β»οΈ Yarn 4rc π¦ ESLint π§Ή Prettier β¨ SES, LavaMoat, Buck2 π§ Babel πΌ GitHub Actions βοΈ Node 19 β¬’ Storybook 6.5rc π libs π for curious early adopters :suspect: #RNEU #APPJS
React Native Template / Boilerplate
Bleeding πͺ Edge π Nightlymare π Edition
βββΜΏ ΜΏ ΜΏ ΜΏ ΜΏβΜΏβΜ΅ΝΜΏΜΏΠ·=(*β½*)=Ξ΅/Μ΅ΝΜΏΜΏ/ΜΏ ΜΏ ΜΏ ΜΏ ΜΏβββ
IDKFA
| Android | iOS |
|---|---|
 |
 |
Setup
Yarn v4
Upgrading from v1 classic or v3 latest / berry / stable
cd ~
yarn set version canary
Clear generated files
Install
yarn # πΊ version
yarn setup # π€ versioned version
Start
yarn start
Silicon (M1/M2) Macs
iOS (arm64)
cd ios
pod install
..
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
Fat M1 components: ndk-build, LLVM, CMake, Make, Python, Ninja, shader-tools, simpleperf - yasm remaining
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-v8aInitial Preview v3: Google APIs System Image - Make Project
Run
yarn android
Troubleshooting
- New Architecture - Troubleshooting
- Apple Silicon (M1) troubleshooting guide (RN 0.64/0.65/0.66)
- react-native-community/upgrade-support
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
Old v5 setup
# @storybook/react-native-server v5
yarn storybook
yarn <android/ios>
Node
yarn server
Deno
brew install deno
yarn deno
Open Source Agenda Badge
