Monorepo – How to do frontend faster, better and safer
summary
A company-wide monorepo built with NX and NX Cloud and React hosts 24 React apps and 81 shared libraries, and records 26 contributors merging 151 pull requests in a month. Custom generators produce apps with auth and the design system, a single CI/CD pipeline runs affected lint/test/build steps with remote caching (local runs 3 minutes, full cold runs up to 35 minutes), libraries publish to npm, branch policies and tags enforce boundaries, and graveyarding removes unmaintained projects.
AI-written summary · about
chapters (20)
- 0:00Monorepo introduction
- 1:45What is a monorepo
- 3:52Monorepo for frontend
- 4:34Team monorepo setup
- 7:02Faster setup with generators
- 9:52Reducing bugs in production through immediate feedback
- 12:18Collaboration with shared services
- 15:11Loose coupling with boundaries
- 17:41Internal dependency management
- 19:50External dependency challenges
- 24:10Centralized dependency oversight
- 27:02Library updates and rollouts
- 33:30Vulnerability and migration fixes
- 35:17Maintaining old code
- 36:39Standardization for reduced cognitive load and scalability
- 38:54Monorepo risks
- 43:16Handling size and performance
- 46:52Summary of benefits
- 50:46Should you use monorepo?
- 51:08Q&A
related talks
21mFast React Monorepos with High Quality DX
35mScalable React Development for Large Projects
46mExploring the power of monorepos: When and why to use them
24mBuilding Fast, Maintainable JavaScript Monorepos with Nx
31mMastering the Monorepo: How NX Schematics Transformed Our 80+ Angular Projects!
29mUnderstanding Monorepos: What you need to know
05mHigh Speed Monorepos with high quality DX
45mMonorepos - The Benefits, Challenges and Importance of Tooling Support