React Native
Demo App
Introducing React Native to NX
Android
- Get latest Java, setup Env
- Download Android Studio
- Setup correct SDK
- Setup an Emulator with the correct configuration
Install
Install the latest version of Java the SDK
Then update JAVA_HOME in system environment variables
Install Android Studio
caution
Check the SDK versions!!
Gotchas
Can't use local host Need to setup environment variables for API baseurl
Set up an emulator
Development
Double tap R on keyboard to reload the code. Or press R in bundler terminal window.
Sharing code with React.
Debug
Press Ctrl+M or Shake your device to open the React Native debug menu.
Monorepo Dev
Sharing code with React Web using NX
Libaries
| Page | Notes |
|---|---|
| Solito | |
| Ethers.js | Web3 |
Links
| URL | Notes |
|---|---|
| Next Conf | Video |
| Nest, Axios, React, React-Native Architecture Speedrun | Video |
Context
- Components — Shared component patterns between web and native
- Engineering Best Practices — Quality gates apply to mobile too
- Onchain Interaction — Mobile wallet integration
Questions
When does sharing code between web and native cost more than maintaining two codebases?
- What React patterns break when moving from web to native?
- How do you test native-specific behaviour in a monorepo CI pipeline?