DocsPluginsCommunityNx ConfNx CloudNx ConsultingNx on Github
  • Getting Started
    • Intro to Nx
    • Nx Setup
    • Nx Without Plugins
    • Nx and TypeScript
    • Nx Plugins and Devkit
    • Nx and React
    • Nx and Angular
    Configuration
    • package.json and nx.json
    • project.json and nx.json
    • angular.json and nx.json
    Using Nx
    • Nx CLI
    • Nx Editor Plugins
    • Mental Model
    • Computation Caching
    • Distributed Task Execution
    • Affected
    • CI Setup
    • Updating Nx
    Migration
    • From CRA
    • Lerna/Yarn/PNPM
    • From Angular CLI
    • From AngularJS
    • Preserving Git Histories
    • Manual migration
    React Tutorial
    • 1 - Create Application
    • 2 - Add E2E Test
    • 3 - Display Todos
    • 4 - Connect to API
    • 5 - Add Node Application
    • 6 - Proxy Configuration
    • 7 - Share Code
    • 8 - Create Libraries
    • 9 - Dep Graph
    • 10 - Use Computation Caching
    • 11 - Test Affected Projects
    • 12 - Summary
    Angular Tutorial
    • 1 - Create Application
    • 2 - Add E2E Test
    • 3 - Display Todos
    • 4 - Connect to API
    • 5 - Add Node Application
    • 6 - Proxy Configuration
    • 7 - Share Code
    • 8 - Create Libraries
    • 9 - Dep Graph
    • 10 - Use Computation Caching
    • 11 - Test Affected Projects
    • 12 - Summary
    Node Tutorial
    • 1 - Create Application
    • 2 - Display Todos
    • 3 - Share Code
    • 4 - Create Libraries
    • 5 - Dep Graph
    • 6 - Use Computation Caching
    • 7 - Test Affected Projects
    • 8 - Summary

Deep Dive

  • Executors / Builders
    • Using Executors / Builders
    • Running Custom Commands
    • Creating Custom Builders
    Generators
    • Using Generators
    • Workspace Generators
    • Composing Generators
    • Generator Options
    • Creating Files
    • Modifying Files
    Workspace Structure
    • Creating Libraries
    • Library Types
    • Grouping Libraries
    • Buildable and Publishable Libraries
    • Using Tags
    • Dependency Graph
    • Extending the Project Graph
    CI
    • Setting up Azure Pipelines
    • Setting up CircleCI
    • Setting up GitHub Actions
    • Setting up Jenkins
    • Setting up GitLab
    • Distributed CI
    • Incremental Builds
    • Setup incremental builds for Angular applications
    Guides
    • Nx and Lerna/Yarn
    • Nx and Turborepo
    • Monorepos
    • Adding Images, Fonts, and Files
    • Using Environment Variables
    • Using Nx at Enterprises
    • Using ESLint in Nx Workspaces
    • Nx Daemon
    • JavaScript and TypeScript
    • Configuring Browser Support
    • Next.js projects with Nx
    • Deploying Next.js applications to Vercel
    • Webpack 5 Migration
    • Using Tailwind CSS in React
    • Using NgRx
    • Using DataPersistence
    • Nx Devkit and Angular Devkit
    • Setup MFE with Angular and Nx
    Examples
    • Nx Micro-Frontend Example
    • Powering Up React Development With Nx
    • Using Apollo GraphQL

API / Reference

  • CLI
    • generate
    • serve
    • build
    • test
    • lint
    • e2e
    • run
    • daemon
    • dep-graph
    • run-many
    • affected
    • affected:build
    • affected:test
    • affected:lint
    • affected:e2e
    • affected:dep-graph
    • affected:apps
    • affected:libs
    • print-affected
    • format:check
    • format:write
    • migrate
    • report
    • list
    • workspace-lint
    • workspace-generator
    • connect-to-nx-cloud
    • reset
    Workspace
    • Overview
    • library generator
    • npm-package generator
    • move generator
    • remove generator
    • run-commands generator
    • workspace-generator generator
    • convert-to-nx-project generator
    • run-commands executor
    • run-script executor
    web
    • Overview
    • application generator
    • build executor
    • dev-server executor
    • file-server executor
    • package executor
    angular
    • Overview
    • application generator
    • convert-tslint-to-eslint
    • downgrade-module generator
    • karma generator
    • karma-project generator
    • library generator
    • library-secondary-entry-point generator
    • move generator
    • ngrx generator
    • scam generator
    • scam-directive generator
    • scam-pipe generator
    • setup-mfe generator
    • setup-tailwind generator
    • stories generator
    • storybook-configuration generator
    • storybook-migrate-defaults-5-to-6 generator
    • storybook-migrate-stories-to-6-2 generator
    • upgrade-module generator
    • web-worker generator
    • delegate-build executor
    • ng packagr lite executor
    • package executor
    • webpack-browser executor
    • webpack-server executor
    react
    • Overview
    • application generator
    • component generator
    • component-cypress-spec generator
    • component-story generator
    • library generator
    • redux generator
    • stories generator
    • storybook-configuration generator
    • storybook-migrate-defaults-5-to-6 generator
    • hook generator
    jest
    • Overview
    • jest executor
    cypress
    • Overview
    • cypress executor
    • cypress-project generator
    storybook
    • Overview (React)
    • Overview (Angular)
    • Migrate to the Nrwl React Storybook Preset
    • Migrate to the Nrwl Angular Storybook Preset
    • Upgrading to Storybook 6 (React)
    • Upgrading to Storybook 6 (Angular)
    • configuration generator
    • cypress-project generator
    • migrate-defaults-5-to-6 generator
    • migrate-stories-to-6-2 generator
    • Executors / Builders
    linter
    • eslint executor
    • lint executor
    • workspace-rule generator
    node
    • Overview
    • application generator
    • library generator
    • build executor
    • execute executor
    • package executor
    express
    • Overview
    • application generator
    nest
    • Overview
    • application generator
    • class generator
    • controller generator
    • decorator generator
    • filter generator
    • gateway generator
    • guard generator
    • interceptor generator
    • interface generator
    • library generator
    • middleware generator
    • module generator
    • pipe generator
    • provider generator
    • resolver generator
    • resource generator
    • service generator
    • convert-tslint-to-eslint
    next
    • Overview
    • application generator
    • component generator
    • page generator
    • build executor
    • server executor
    • export executor
    gatsby
    • Overview
    • application generator
    • component generator
    • page generator
    • build executor
    • server executor
    detox
    • application generator
    • build executor
    • test executor
    react native
    • application generator
    • component generator
    • library generator
    • build android executor
    • bundle executor
    • ensure symlink executor
    • run android executor
    • run ios executor
    • start executor
    • sync deps executor
    Nx Plugin
    • Overview
    • executor generator
    • migration generator
    • plugin generator
    • generator generator
    • e2e executor
    Nx Devkit
    • Overview
    • Ng CLI Adapter

Nx and React

10-Minute Nx Overview

Learn

  • Free Nx Course on Egghead: Scale React Development with Nx
  • 45-Minute Walkthrough

Footer

Nx

Smart, Fast and Extensible Build System

TwitterGitHubSlackNewsletter

Resources

  • Blog
  • Youtube Channel
  • Nx Playbook
  • Nrwl

Help

  • Documentation
  • Community
  • StackOverflow
  • Report Issues

Community

  • Twitter
  • Github
  • Newsletter
  • Slack
  • Help Us

Solutions

  • Nx
  • NxCloud
  • Nrwl

© 2022 made with by