Nx for Angular CLI Users

on YouTube ↗22m

" summary

Concrete claims and working demos: a workspace created with npx create-nx-workspace yields Angular and React apps that share a JSX header, Storybook, Cypress e2e, Jest unit tests and Prettier config out of the box. Nx calculates a project graph so the affected + parallel + cache strategy rebuilds only impacted projects in parallel, making CI as long as the longest task and often delivering up to 10x faster builds. Nx Cloud shares cache artifacts across CI and machines so cached builds replay instead of redoing work.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 3:23run your tests in headless mode
3. 4:49generate storybook configurations for individual projects
4. 5:55create an nx workspace
5. 6:35create an empty workspace with a layout
6. 7:20create a workspace with a single angular application
7. 13:02using the jsx file library
8. 15:10partition it into several libraries that compose the app

" related talks

• 35mNx for Angular CLI UsersKaterina Skroumpelou, Jeff Cross · AngularUP Experience 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
• 43mNxify your Angular appKaterina Skroumpelou · angularday 2024
• 36mHow to scale up your angular projects like a proLuca Del Puppo · angularday 2022
• 27mNx at CelonisSantosh Yadav · Nx Conf 2022
• 29mSupercharging the Angular CLI with NxJames Henry · ngVikings 2018