Nx Monorepos

Mateus Carniatto

Developer Lead, Riaktr

@c4rniatto

about me

• Developer lead at Riaktr
   
• NGXS core member
   
• NGBE organizer
   
• Angular Nation mentor
   
• Auth0 ambassador

What is a monorepo?

1. NOT a monolith
    
2. NOT only big projects
    
3. Multiple projects - one repo
    
4. Projects depend & share code
    
5. Share best practices

Nx monorepo?

1. Promote best practices
    
2. Not only for Angular
    
3. Efficient tooling
    
4. Generators
    
5. Dependency graph

Testable from the start

1. Jest
    
2. Cypress

Dependency graph

nx dep-graph

Incremental build

nx build:affected --base=master

nx test:affected --base=master

nx e2e:affected --base=master

Computation cache

🧑‍💻

Local

🧑‍💻

Local

🧑‍💻

Local

nx build dashboard

Nx Cloud

🧑‍💻

Nx cloud

🧑‍💻

🧑‍💻

nx build dashboard

Demo