@nx/react-native:component
Create a React native Component for Nx.
Usage
1nx generate component ...
21nx g c ... #same
2By 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-native:component ...
2Show what will be generated without writing to disk:
1nx g component ... --dry-run
2Examples
Generate a component in the mylib library:
1nx g @nx/react-native:component my-component --directory=mylib/src/lib/my-component
2Generate a class component in the mylib library:
1nx g @nx/react-native:component my-component --directory=mylib/src/lib/my-component --classComponent
2Options
name
Required
string
The name of the component.
directory
string
The directory at which to create the component file. When --nameAndDirectoryFormat=as-provided, it will be relative to the current working directory. Otherwise, it will be relative to the project root.
classComponent
C
boolean
Default:
falseUse class components instead of functional component.
export
e
boolean
Default:
falseWhen true, the component is exported from the project index.ts (if it exists).
js
boolean
Default:
falseGenerate JavaScript files rather than TypeScript files.
nameAndDirectoryFormat
string
Accepted values:
as-provided, derivedWhether to generate the component in the directory as provided, relative to the current working directory and ignoring the project (as-provided) or generate it using the project and directory relative to the workspace root (derived).
skipTests
boolean
Default:
falseWhen true, does not create spec.ts test files for the new component.