Introduction to Anuglar NX

Posted on | Edited on | In
Symbols count in article: | Reading time ≈

Why Nx?

  • an extention of the Angular CLI
  • allow multiple Angular applications in one app (easily share code among multiple applications)
  • encourage code sharing
  • encourage to architect your app properly

Multiple repos vs monorepo

  • enterprise large apps
  • consistency
  • formalize a community approach
  • robust and proven patterns

Steps:

  1. install Angular CLI

    1
    npm install -g @angular/cli

  2. install Nx

    1
    npm install -g @nrwl/schematics

  3. create new Nx workspace

    1
    create-nx-workspace <name>

  4. Now you have a new workspace

    1. apps (where the application lives)
    2. libs (reusable chunks of functionality)
    3. tools (things to manage your workspace)