@nx/react:component
Create a React Component for Nx.
Create a React Component for Nx.
Create a component named my-component
under the libs/ui
project:
โฏ
nx g @nx/react:component libs/ui/src/my-component
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
Path where the component will be generated.
The name of the component.
false
Use class components instead of functional component.
false
When true, the component is exported from the project index.ts
(if it exists).
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.
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.
Watch the replays of exciting talks on developer tooling and monorepos! Catch all the insightful presentations from the event on our YouTube channel.