Nx for Angular CLI Users

on YouTube ↗35m

" summary

Tooling-focused guide to using Nx on top of Angular CLI that shows concrete migrations and results: shows migrating TSLint→ESLint, using npx create-nx-workspace to scaffold Angular apps plus Cypress e2e, Jest unit tests, Storybook and Prettier, and a live example where a shared JSX header is imported into both React and Angular apps. Demonstrates the dependency graph and the affected+parallel+incremental cache flow so CI only rebuilds three projects instead of seven, and reports up to 10x build speedups with Nx Cloud remote cache, routinely cutting CI runs to seconds.

AI-written summary · about

" chapters (11)

1. 0:00Start
2. 1:11Angular Athens Meetup
3. 3:11Modern Tools
4. 8:45Tool Prettier
5. 11:09Create nx Workspace
6. 12:21Create a Workspace
7. 15:13The Nx Examples Repository
8. 22:14Keynote Presentation
9. 22:43How nx Makes Your Builds Super Fast
10. 24:11The Developer Life Cycle
11. 27:53Incremental Building

" related talks

• 22mNx for Angular CLI UsersKaterina Skroumpelou, Jeff Cross · EnterpriseNG 2020
• 26mNx for Angular DevelopersJeff Cross · NG-BE 2021
• 09mUsing Nx: Angular CLI Power-ups for Modern DevelopmentSiwat Kaolueng · NG-MY 2019
• 40mNx - Enter Enterprise Development for AngularJuri Strumpflohner · Angularday 2023
• 29mSupercharging the Angular CLI with NxJames Henry · ngVikings 2018
• 22mFine-Tuning Your Angular Workflow with Nx: Beyond the CLIJuri Strumpflohner · ng-conf 2023
• 36mHow to scale up your angular projects like a proLuca Del Puppo · angularday 2022
• 43mNxify your Angular appKaterina Skroumpelou · angularday 2024