Rescope @nrwl to @nx
@nx/react-nativeSee schema

@nx/react-native:component

Create a React native Component for Nx.

Usage

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-native:component ... 2
Nx 15 and lower use @nrwl/ instead of @nx/

Show what will be generated without writing to disk:

1nx g component ... --dry-run 2

Examples

Generate a component in the mylib library:

1nx g @nx/react-native:component my-component --project=mylib 2
Nx 15 and lower use @nrwl/ instead of @nx/

Generate a class component in the mylib library:

1nx g @nx/react-native:component my-component --project=mylib --classComponent 2
Nx 15 and lower use @nrwl/ instead of @nx/

Options

name

Required
string

The name of the component.

project

pRequired
string

The name of the project.

directory

string

Create the component under this directory (can be nested).

classComponent

C
boolean
Default: false

Use class components instead of functional component.

export

e
boolean
Default: false

When true, the component is exported from the project index.ts (if it exists).

flat

boolean
Default: false

Create component at the source root rather than its own directory.

js

boolean
Default: false

Generate JavaScript files rather than TypeScript files.

pascalCaseFiles

P
boolean
Default: false

Use pascal case component file name (e.g. App.tsx).

skipTests

boolean
Default: false

When true, does not create spec.ts test files for the new component.