How to use React Native with Nx in monorepo
summary
Shows how to set up an Nx monorepo that actually shares a React Native component library between two apps using nx generate, with a created button component imported by both apps and visible in the dependency graph. Uses Storybook React Native for isolated UI with generated stories, Testing Library React Native for unit tests, and Detox for e2e flows. Demonstrates a working Studio Ghibli search app, commands to run ios/android, and Nx caching to speed CI.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 0:47Monorepo problems
- 2:30What is NX?
- 4:06Why choose NX?
- 5:53Creating an NX workspace
- 9:17Sharing components
- 10:51Code sharing between stacks
- 12:56Unit testing
- 15:36E2E testing
- 18:39Storybook integration
- 21:30Conclusion
related talks
09mCollaborative Code with Nx and Next.js
17mRevolutionize Your React dev flow with Nx
21mFast React Monorepos with High Quality DX
30mSmart Monorepo and Fast CI with Nx
16mBuilding Cross-Platform Apps with React Native + Next.js
35mBridging the Gap: How to use React Native in existing large native code bases
09mUsing Nx: Angular CLI Power-ups for Modern Development
34mMonorepo: React Web & React Native