How to scale up your angular projects like a pro

on YouTube ↗36m

" summary

NX demonstrably speeds builds and tests by caching and running only the affected command, and the demo shows an e‑commerce repo where changing a product component rebuilds just product and app. The dependency visualization is an actual web UI — the dependency graph highlights affected projects. Workspaces differ: buildable vs workspace libraries and publishable libraries change caching and artifacts. Generators and executors automate scaffolding and migrations, NX Console integrates into editors, and NX supports Angular plus other frameworks and backends.

AI-written summary · about

" chapters (14)

1. 0:00Introduction
2. 1:15Talk overview
3. 2:20What is NX
4. 4:50Tooling and testing setup
5. 6:15Key components
6. 8:18NX libraries and types
7. 10:51Code splitting best practices
8. 12:59Dependency graph benefits
9. 14:30NX for monorepos
10. 15:15Live demo
11. 17:23NX caching and affected commands
12. 23:18Pros and cons of NX
13. 25:53NX learning resources
14. 27:19Q&A

" related talks

• 22mNx for Angular CLI UsersKaterina Skroumpelou, Jeff Cross · EnterpriseNG 2020
• 40mNx - Enter Enterprise Development for AngularJuri Strumpflohner · Angularday 2023
• 26mNx for Angular DevelopersJeff Cross · NG-BE 2021
• 35mNx for Angular CLI UsersKaterina Skroumpelou, Jeff Cross · AngularUP Experience 2020
• 09mUsing Nx: Angular CLI Power-ups for Modern DevelopmentSiwat Kaolueng · NG-MY 2019
• 22mFine-Tuning Your Angular Workflow with Nx: Beyond the CLIJuri Strumpflohner · ng-conf 2023
• 43mNxify your Angular appKaterina Skroumpelou · angularday 2024
• 40mDriving Your JavaScript Library Ecosystem With NxChau Tran · JetBrains JavaScript Day 2024