ContextQMD
Back to Nx

Component Examples

packages/react/docs/component-examples.md

23.0.0763 B
Original Source

Examples

Simple Component

Create a component named MyComponent at libs/ui/src/my-component.tsx:

shell
nx g @nx/react:component libs/ui/src/my-component.tsx
With a Different Symbol Name

Create a component named Custom at libs/ui/src/my-component.tsx:

shell
nx g @nx/react:component libs/ui/src/my-component.tsx --name=custom
Omitting the File Extension

Create a component named MyComponent at libs/ui/src/my-component.tsx without specifying the file extension:

shell
nx g @nx/react:component libs/ui/src/my-component
Class Component

Create a class component named MyComponent at libs/ui/src/my-component.tsx:

shell
nx g @nx/react:component libs/ui/src/my-component --classComponent