Experience the power of Nx in your React monorepo

Get distributed tasks, intelligent caching, and target affected packages to optimize your build process and CI pipeline.

Add Nx to any existing monorepo

Nx seamlessly integrates into your existing React monorepo with a simple nx init command, providing immediate benefits without disrupting your workflow.

Immediate speed and efficiency gains

Dramatically improve build times by running tasks in parallel with local and remote caching that intelligently avoids unnecessary work and keeps your team in sync.

Enhanced developer experience

Add optional Nx plugins to boost your development workflow with low-level monorepo configuration assistance, streamlined tooling, and specialized generators for your tech stack.

Nx's Features for React

Nx allows you to take existing React projects and add powerful capabilities to your workflow.

Task Caching

Cache task results locally and remotely, avoiding redundant builds and speeding up your development workflow.

Distributed Task Execution

Run your project tasks across multiple machines, dramatically reducing build times for large repositories.

Affected Targets

Run your project tasks across multiple machines, dramatically reducing build times for large repositories.

Project Graph

Nx automatically infers your project graph from project's configuration, providing visualization and dependency analysis.

Split E2E Tests

Boost your online presence with our comprehensive digital marketing services.

Zero Configuration

Add Nx to your existing monorepo in minutes.

Add Nx To An Existing Project

Add Nx To Your Project

npx init nx

Initialize Nx in an existing React Project.

Run Tasks With Nx

nx build <project>

Nx will automatically infers tasks from your projects.

Run Affected Tasks

nx affected -t build

Nx adds caching, distribution, and affected commands without changing your setup.

Add Nx To An Existing Project

Add Nx To Your Project

npx init nx

Initialize Nx in an existing React Project.

Run Tasks With Nx

nx build <project>

Nx will automatically infers tasks from your projects.

Run Affected Tasks

nx affected -t build

Nx adds caching, distribution, and affected commands without changing your setup.

Add Nx To An Existing Project

Add Nx To Your Project

npx init nx

Initialize Nx in an existing React Project.

Run Tasks With Nx

nx build <project>

Nx will automatically infers tasks from your projects.

Run Affected Tasks

nx affected -t build

Nx adds caching, distribution, and affected commands without changing your setup.

Get Started With Nx React

Check out the documentation for the @nx/react plugin to learn more