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.
Watch the video
Learn how Nx works.
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.
Features
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 tasks only on projects affected by your changes, saving time and computing resources.
Project Graph
Nx automatically infers your project graph from project's configuration, providing visualization and dependency analysis.
Split E2E Tests
Automatically split your E2E tests for faster parallel execution in CI environments with Atomizer.
Zero Configuration
Add Nx to your existing monorepo in minutes.
Add Nx To An Existing Project
Add Nx To Your Project
npx init nxInitialize 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 buildNx 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