@nx/react:component
Create a React Component for Nx.
Create a React Component for Nx.
1nx generate component ...
2
1nx g c ... #same
2
By default, Nx will search for component
in the default collection provisioned in workspace.json.
You can specify the collection explicitly as follows:
1nx g @nx/react:component ...
2
Show what will be generated without writing to disk:
1nx g component ... --dry-run
2
Generate a component in the mylib
library:
1nx g component my-component --project=mylib
2
Generate a class component in the mylib
library:
1nx g component my-component --project=mylib --classComponent
2
The name of the component.
The name of the project.
Create the component under this directory (can be nested).
false
Use class components instead of functional component.
false
When true, the component is exported from the project index.ts
(if it exists).
false
Create component at the source root rather than its own directory.
Create a component with this file name.
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.
false
Use pascal case component file name (e.g. App.tsx
).
false
Use pascal case directory name (e.g. App/App.tsx
).
Generate a library with routes.
css
The file extension to be used for style files.
false
When true, does not create spec.ts
test files for the new component.
false
Skip formatting files.