Scaling React Development with Nx
summary
Shows concrete results using Nx: a generated React app plus a Next.js public app, multiple workspace libraries and a live dependency graph that proves which builds/tests are necessary. Demonstrates generated React and Next.js apps, enforced module boundaries with ESLint tags to block illegal imports, and affected commands plus distributed Nx Cloud caching so repeated builds/tests become instant cache hits. The workspace examples compile and lint, constraints fail when violated, and affected runs only touch dependent projects.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:13Nx architecture
- 3:13Setting up the workspace
- 4:28Creating libraries
- 7:17Adding applications
- 9:38Complex dependency graph
- 11:46Enforcing boundaries
- 15:13Speed and caching
- 17:36Distributed caching
- 19:11Resources and conclusion
related talks
27mReact on Steroids with Nx!
24mBuilding Fast, Maintainable JavaScript Monorepos with Nx
09mCollaborative Code with Nx and Next.js
35mScalable React Development for Large Projects
17mRevolutionize Your React dev flow with Nx
25mGive superpower to your React workspace with Nx
21mFast React Monorepos with High Quality DX
09mNx + Next.js = ❤️