Revolutionize Your React dev flow with Nx
summary
Nx generates apps, libraries and components and runs migrations that modify code and update deps; the demo shows Nx Graph identifying dependencies so a change to one library only rebuilds that library and its dependents, cutting CI time by rebuilding only affected projects. Nx Cloud shares build artifacts and a remote cache across developers and CI, uses distributed task execution and a test optimizer to parallelize test files, and surfaces cache hits and agent activity in a UI—integrations include Vite, Jest/Vitest, Playwright, Next.js and Remix.
AI-written summary · about
chapters (15)
- 0:00Introduction to Nx
- 1:25Nx features and benefits
- 3:17Nx Cloud introduction
- 4:24Affected tasks and caching
- 6:10Distributed task execution
- 7:12Test optimization
- 8:38AI enhancements and security
- 9:21Getting started with Nx
- 10:04Live demo overview
- 11:28Dependency graph visualization
- 12:12Affected projects after changes
- 13:26CI integration with Nx Cloud
- 14:50Nx Cloud UI walkthrough
- 15:33Pipeline and agent details
- 16:18Conclusion and resources
related talks
27mReact on Steroids with Nx!
35mScalable React Development for Large Projects
21mScaling React Development with Nx
21mFast React Monorepos with High Quality DX
09mCollaborative Code with Nx and Next.js
25mGive superpower to your React workspace with Nx
09mUsing Nx: Angular CLI Power-ups for Modern Development
26mNx for Angular Developers