JSPM

@nx/react

22.1.0-rc.2
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1091234
  • Score
    100M100P100Q178091F
  • License MIT

The React plugin for Nx contains executors and generators for managing React applications and libraries within an Nx workspace. It provides: - Integration with libraries such as Jest, Vitest, Playwright, Cypress, and Storybook. - Generators for applications, libraries, components, hooks, and more. - Library build support for publishing packages to npm or other registries. - Utilities for automatic workspace refactoring.

Package Exports

  • @nx/react
  • @nx/react/ast-utils
  • @nx/react/babel
  • @nx/react/executors.json
  • @nx/react/generators.json
  • @nx/react/mf
  • @nx/react/mf/dynamic-federation
  • @nx/react/mf/index
  • @nx/react/migrations.json
  • @nx/react/module-federation
  • @nx/react/package.json
  • @nx/react/plugins/bundle-rollup
  • @nx/react/plugins/component-testing
  • @nx/react/plugins/component-testing/index
  • @nx/react/plugins/component-testing/webpack-fallback
  • @nx/react/plugins/jest
  • @nx/react/plugins/nx-react-webpack-plugin/lib/apply-react-config
  • @nx/react/plugins/nx-react-webpack-plugin/nx-react-webpack-plugin
  • @nx/react/plugins/storybook
  • @nx/react/plugins/storybook/index
  • @nx/react/plugins/storybook/merge-plugins
  • @nx/react/plugins/webpack
  • @nx/react/plugins/with-react
  • @nx/react/router-plugin
  • @nx/react/src/executors/module-federation-dev-server/lib/index
  • @nx/react/src/executors/module-federation-dev-server/lib/normalize-options
  • @nx/react/src/executors/module-federation-dev-server/lib/start-remotes
  • @nx/react/src/executors/module-federation-dev-server/module-federation-dev-server.impl
  • @nx/react/src/executors/module-federation-dev-server/schema
  • @nx/react/src/executors/module-federation-dev-server/schema.json
  • @nx/react/src/executors/module-federation-ssr-dev-server/lib/index
  • @nx/react/src/executors/module-federation-ssr-dev-server/lib/normalize-options
  • @nx/react/src/executors/module-federation-ssr-dev-server/lib/start-remotes
  • @nx/react/src/executors/module-federation-ssr-dev-server/module-federation-ssr-dev-server.impl
  • @nx/react/src/executors/module-federation-ssr-dev-server/schema
  • @nx/react/src/executors/module-federation-ssr-dev-server/schema.json
  • @nx/react/src/executors/module-federation-static-server/module-federation-static-server.impl
  • @nx/react/src/executors/module-federation-static-server/schema
  • @nx/react/src/executors/module-federation-static-server/schema.json
  • @nx/react/src/generators/application/application
  • @nx/react/src/generators/application/lib/add-e2e
  • @nx/react/src/generators/application/lib/add-jest
  • @nx/react/src/generators/application/lib/add-linting
  • @nx/react/src/generators/application/lib/add-project
  • @nx/react/src/generators/application/lib/add-routing
  • @nx/react/src/generators/application/lib/bundlers/add-rsbuild
  • @nx/react/src/generators/application/lib/bundlers/add-rspack
  • @nx/react/src/generators/application/lib/bundlers/add-vite
  • @nx/react/src/generators/application/lib/bundlers/add-webpack
  • @nx/react/src/generators/application/lib/create-application-files
  • @nx/react/src/generators/application/lib/find-free-port
  • @nx/react/src/generators/application/lib/get-app-tests
  • @nx/react/src/generators/application/lib/install-common-dependencies
  • @nx/react/src/generators/application/lib/normalize-options
  • @nx/react/src/generators/application/lib/set-defaults
  • @nx/react/src/generators/application/lib/show-possible-warnings
  • @nx/react/src/generators/application/lib/update-jest-config
  • @nx/react/src/generators/application/schema
  • @nx/react/src/generators/application/schema.json
  • @nx/react/src/generators/component-story/component-story
  • @nx/react/src/generators/component-story/schema.json
  • @nx/react/src/generators/component-test/component-test
  • @nx/react/src/generators/component-test/schema
  • @nx/react/src/generators/component-test/schema.json
  • @nx/react/src/generators/component/component
  • @nx/react/src/generators/component/lib/get-component-tests
  • @nx/react/src/generators/component/lib/normalize-options
  • @nx/react/src/generators/component/schema
  • @nx/react/src/generators/component/schema.json
  • @nx/react/src/generators/cypress-component-configuration/cypress-component-configuration
  • @nx/react/src/generators/cypress-component-configuration/lib/add-files
  • @nx/react/src/generators/cypress-component-configuration/schema
  • @nx/react/src/generators/cypress-component-configuration/schema.json
  • @nx/react/src/generators/federate-module/federate-module
  • @nx/react/src/generators/federate-module/lib/utils
  • @nx/react/src/generators/federate-module/schema
  • @nx/react/src/generators/federate-module/schema.json
  • @nx/react/src/generators/hook/hook
  • @nx/react/src/generators/hook/schema
  • @nx/react/src/generators/hook/schema.json
  • @nx/react/src/generators/host/host
  • @nx/react/src/generators/host/lib/add-module-federation-files
  • @nx/react/src/generators/host/lib/normalize-host-name
  • @nx/react/src/generators/host/lib/setup-ssr-for-host
  • @nx/react/src/generators/host/lib/update-module-federation-e2e-project
  • @nx/react/src/generators/host/lib/update-module-federation-tsconfig
  • @nx/react/src/generators/host/schema
  • @nx/react/src/generators/host/schema.json
  • @nx/react/src/generators/init/init
  • @nx/react/src/generators/init/schema
  • @nx/react/src/generators/init/schema.json
  • @nx/react/src/generators/library/lib/add-linting
  • @nx/react/src/generators/library/lib/add-rollup-build-target
  • @nx/react/src/generators/library/lib/create-files
  • @nx/react/src/generators/library/lib/determine-entry-fields
  • @nx/react/src/generators/library/lib/install-common-dependencies
  • @nx/react/src/generators/library/lib/normalize-options
  • @nx/react/src/generators/library/lib/set-defaults
  • @nx/react/src/generators/library/lib/update-app-routes
  • @nx/react/src/generators/library/library
  • @nx/react/src/generators/library/schema
  • @nx/react/src/generators/library/schema.json
  • @nx/react/src/generators/redux/redux
  • @nx/react/src/generators/redux/schema
  • @nx/react/src/generators/redux/schema.json
  • @nx/react/src/generators/remote/lib/add-remote-to-dynamic-host
  • @nx/react/src/generators/remote/lib/setup-package-json-exports-for-remote
  • @nx/react/src/generators/remote/lib/setup-ssr-for-remote
  • @nx/react/src/generators/remote/lib/setup-tspath-for-remote
  • @nx/react/src/generators/remote/lib/update-host-with-remote
  • @nx/react/src/generators/remote/remote
  • @nx/react/src/generators/remote/schema
  • @nx/react/src/generators/remote/schema.json
  • @nx/react/src/generators/setup-ssr/schema
  • @nx/react/src/generators/setup-ssr/schema.json
  • @nx/react/src/generators/setup-ssr/setup-ssr
  • @nx/react/src/generators/setup-tailwind/lib/add-tailwind-style-imports
  • @nx/react/src/generators/setup-tailwind/lib/update-project
  • @nx/react/src/generators/setup-tailwind/schema
  • @nx/react/src/generators/setup-tailwind/schema.json
  • @nx/react/src/generators/setup-tailwind/setup-tailwind
  • @nx/react/src/generators/stories/schema.json
  • @nx/react/src/generators/stories/stories
  • @nx/react/src/generators/storybook-configuration/configuration
  • @nx/react/src/generators/storybook-configuration/schema
  • @nx/react/src/generators/storybook-configuration/schema.json
  • @nx/react/src/generators/utils
  • @nx/react/src/migrations/update-18-0-0/add-mf-env-var-to-target-defaults
  • @nx/react/src/migrations/update-20-2-0/migrate-mf-imports-to-new-package
  • @nx/react/src/migrations/update-20-2-0/migrate-with-mf-import-to-new-package
  • @nx/react/src/migrations/update-20-3-0/ensure-nx-module-federation-package
  • @nx/react/src/migrations/update-21-0-0/update-babel-loose
  • @nx/react/src/migrations/update-22-0-0/add-svgr-to-webpack-config
  • @nx/react/src/module-federation/ast-utils
  • @nx/react/src/plugins/router-plugin
  • @nx/react/src/rules/add-styled-dependencies
  • @nx/react/src/rules/update-module-federation-project
  • @nx/react/src/utils
  • @nx/react/src/utils/add-mf-env-to-inputs
  • @nx/react/src/utils/assertion
  • @nx/react/src/utils/ast-utils
  • @nx/react/src/utils/component-props
  • @nx/react/src/utils/create-ts-config
  • @nx/react/src/utils/ct-utils
  • @nx/react/src/utils/dependencies
  • @nx/react/src/utils/framework
  • @nx/react/src/utils/get-in-source-vitest-tests-template
  • @nx/react/src/utils/has-rsbuild-plugin
  • @nx/react/src/utils/has-rspack-plugin
  • @nx/react/src/utils/has-vite-plugin
  • @nx/react/src/utils/has-webpack-plugin
  • @nx/react/src/utils/jest-utils
  • @nx/react/src/utils/lint
  • @nx/react/src/utils/maybe-js
  • @nx/react/src/utils/normalize-remote
  • @nx/react/src/utils/styled
  • @nx/react/src/utils/testing-generators
  • @nx/react/src/utils/version-utils
  • @nx/react/src/utils/versions
  • @nx/react/tailwind
  • @nx/react/typings/cssmodule.d.ts
  • @nx/react/typings/image.d.ts
  • @nx/react/typings/style.d.ts
  • @nx/react/typings/styled-jsx.d.ts
  • @nx/react/webpack-plugin

Readme

Nx - Smart Repos · Fast Builds

CircleCI License NPM Version Semantic Release Commitizen friendly Join the chat at https://gitter.im/nrwl-nx/community Join us on the Official Nx Discord Server


Nx: Smart Repos · Fast Builds

Get to green PRs in half the time. Nx optimizes your builds, scales your CI, and fixes failed PRs. Built for developers and AI agents.

This package is a React plugin for Nx.

Getting Started

Creating an Nx Workspace

Using npx

npx create-nx-workspace

Using npm init

npm init nx-workspace

Using yarn create

yarn create nx-workspace

Adding Nx to an Existing Repository

Run:

npx nx@latest init

Documentation & Resources

Nx - Smart Repos · Fast Builds