Codebase Conquest: How Nx Turbocharged Our React Workflow
summary
A migration moves Hasura’s large React repo into an integrated Nx workspace with custom Nx plugins and minimal webpack overrides, cutting local dev feedback from ~5 minutes to ~10 seconds (30x faster local dev) and shrinking the shipped bundle from 43 MB to 30 MB (70% bundle reduction is the claimed asset tree‑shaking win). CI speeds up ~16% via caching, single‑version policy forces dependency alignment, and the rollout happens incrementally with no production regressions.
AI-written summary · about
chapters (11)
- 0:00Build time struggle
- 1:27Current setup limits
- 2:51Monorepo tool shopping list
- 4:17Evaluating NX
- 6:04NX integrated vs package-based
- 7:53Trade-offs of NX
- 10:00Migration without downtime
- 11:26NX configuration tweaks
- 13:12Switching to NX
- 13:52Results and gains
- 14:59Architectural improvements
related talks
27mReact on Steroids with Nx!
17mRevolutionize Your React dev flow with Nx
21mFast React Monorepos with High Quality DX
13mSpeed at Scale: Optimizing The Largest CX Platform Out There
35mScalable React Development for Large Projects
21mScaling React Development with Nx
09mCollaborative Code with Nx and Next.js
40mNx - Enter Enterprise Development for Angular