NX

Extensible Dev Tools for Monorepos

Frontend

Extensible Dev Tools

Monorepos

Extensible Dev Tools

Angular CLI

NX CLI

TsLint

EsLint

Karma/Jasmine

Jest

Protractor

Cypress

Angular

Angular, React, Vue ..

Ng CLI

ng build app

ng serve app

ng test app

ng lint app

CLI Commands

It's just the CLI

CLI Commands

Ng CLI

@angular-devkit/build-angular:browser

Angular-devkit builders

ng build app

ng serve app

ng test app

ng lint app

@angular-devkit/build-angular:dev-server

@angular-eslint/builder:lint

@angular-devkit/build-angular:karma

It's just the CLI

CLI Commands

Ng CLI

@angular-devkit/build-angular:browser

Angular-devkit builders

ng build app

ng serve app

ng test app

ng lint app

@angular-devkit/build-angular:dev-server

@angular-eslint/builder:lint

@angular-devkit/build-angular:karma

@nrwl/jest:jest

Break free from vendor lock-in

React

Vue

Next.js

Gatsby

Angular

Code Collaboration

Running unecessary tests

No code boundaries

DEV experience

Inconsistent tooling

Monorepo

Shared code

Atomic changes

developer mobility

Single set of dependencies

Monorepo

Shared code

Atomic changes

developer mobility

Single set of dependencies

Monorepo

Shared code

Atomic changes

developer mobility

Single set of dependencies

Monorepo

Shared code

Atomic changes

developer mobility

Single set of dependencies

Monorepo

Shared code

Atomic changes

developer mobility

Single set of dependencies

Scalability

Incremental build

Distributed cache

Code generation

Dependency graph

Scalability

Incremental build

Distributed cache

Code generation

Dependency graph

Scalability

Incremental build

Distributed cache

Code generation

Dependency graph

Scalability

Incremental build

Distributed cache

Code generation

Dependency graph

Scalability

Incremental build

Distributed cache

Code generation

Dependency graph

Nx prez

By skible

Nx prez

  • 8