@nx/react:application
Create a React application for Nx.
Create a React application for Nx.
Create an application named my-app
:
1nx g @nx/react:application apps/my-app
2
1nx generate application ...
2
1nx g app ... #same
2
By default, Nx will search for application
in the default collection provisioned in workspace.json.
You can specify the collection explicitly as follows:
1nx g @nx/react:application ...
2
Show what will be generated without writing to disk:
1nx g application ... --dry-run
2
Generate apps/myorg/myapp
and apps/myorg/myapp-e2e
:
1nx g app apps/myorg/myapp
2
Use class components instead of functional components:
1nx g app apps/myapp --classComponent
2
Set up React Router:
1nx g app apps/myapp --routing
2
The directory of the new application.
vite
vite
, webpack
, rspack
The bundler to use.
^[a-zA-Z][^:]*$
The name of the application.
false
Use class components instead of functional component.
babel
babel
, swc
The compiler to use.
playwright
playwright
, cypress
, none
Test runner to use for end to end (E2E) tests.
false
Default is false
. When true
, the component is generated with *.css
/*.scss
instead of *.module.css
/*.module.scss
.
false
When using Vitest, separate spec files will not be generated and instead will be included within the source files. Read more on the Vitest docs site: https://vitest.dev/guide/in-source.html
false
Generate JavaScript files rather than TypeScript files.
eslint
eslint
, none
The tool to use for running lint checks.
false
Generate a React app with a minimal setup, no separate test files.
false
Generate application with routes.
false
Create a application at the root of the workspace
css
The file extension to be used for style files.
true
Creates an application with strict mode and strict type checking.
false
Whether or not to configure the ESLint parserOptions.project
option. We do not do this by default for lint performance reasons.
Add tags to the application (used for linting).
vitest
vitest
, jest
, none
Test runner to use for unit tests.
false
Skip formatting files.
false
Skip updating nx.json
with default options based on values provided to this app.
false
Do not add dependencies to package.json
.
Watch the replays of exciting talks on developer tooling and monorepos! Catch all the insightful presentations from the event on our YouTube channel.