react-native-template-new-architecture
react-native-template-new-architecture copied to clipboard
leotm
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 π§Ή...
React Native Template / Boilerplate
Bleeding πͺ Edge π Nightlymare π Edition
βββΜΏ ΜΏ ΜΏ ΜΏ ΜΏβΜΏβΜ΅ΝΜΏΜΏΠ·=(*β½*)=Ξ΅/Μ΅ΝΜΏΜΏ/ΜΏ ΜΏ ΜΏ ΜΏ ΜΏβββ
IDKFA
| Android | iOS |
|---|---|
 |
 |
Setup
Yarn v3
Upgrading from classic v1
cd ~
yarn set version berry
Install
yarn # πΊ version
yarn setup # π€ versioned version
https://github.com/leotm/react-native-template-new-architecture/blob/849ac8ff8512edbf51f580b4e85277456566a034/package.json#L146
Start
yarn start
Silicon (M1/M2) Macs
iOS (arm64)
cd ios
pod install
..
yarn ios
Android
NDK
Fat M1 components: ndk-build, LLVM, CMake, Make, Python, Ninja, shader-tools, simpleperf - yasm remaining
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
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
yarn android --active-arch-only
Troubleshooting
- New Architecture - Troubleshooting
- Apple Silicon (M1) troubleshooting guide (RN 0.64/0.65/0.66)
- react-native-community/upgrade-support
Storybook v6 beta
https://github.com/leotm/react-native-template-new-architecture/blob/01f1c9864f55367004effbe26d3f33590784704b/src/index.tsx#L132
Soon: v6 rn storybook server
Storybook v5
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
yarn server
Deno
brew install deno
yarn deno
leotm