cra-generate

KO | EN

gitlite — search

#python #hacktoberfest #go #rust #linux #docker #java #nodejs #cli #kubernetes #vue #awesome-list #pytorch #security

(★ 81)

Scaffold a React component.

cra-generate Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# React Component Generator

Scaffold a React component for Create React App.

```bash
Usage: cra-generate [options] <component>

Options:
  -h, --help                       output usage information
  -V, --version                    output the version number
  -f, --functional                 create a functional component
  -t, --type-check [system]        add @flow comment to script files
  -c, --css-extension [extension]  changes the extension of generated css files
  -d, --directory [dir]            specify a directory for the component
      --test [type]                either "jest" or "none"
      --no-semi                    remove semicolons
```

If a `.flowconfig` is present, a `// @flow` comment is prepended to all script files.

Project specific settings can be added to the `package.json` file under the `craGenerate` key. Eg

```json
"craGenerate": {
  "fileFormat": "paramCase",
  "cssExtension": "scss",
  "directory": "widgets"
}
```

| option          | type    | default     | description                                                                      |
|-----------------|---------|-------------|----------------------------------------------------------------------------------|
| directory       | `string`  | "components"  | Where, relative to the `./src/` directory, the component should be.                          |
| fileFormat      | `string`  | "pascalCase"  | One of: camelCase, constantCase, headerCase, paramCase, pascalCase or snakeCase. |
| componentFormat | `string`  | "pascalCase"  | One of: camelCase, constantCase, headerCase, paramCase, pascalCase or snakeCase. |
| typeCheck       | `undefined|string` | `undefined` | Can be set explicitly to "flow".                                                 |
| cssExtension    | `string`  | "css"         | File extensions, with or without a dot.                                      |
| semi    | `true|false`  | `true`         | Should script files be terminated with a semicolon.                                      |
| test            | `false|string` | "jest"   | Only jest for now. Can be skipped with false.                                  |

## License

MIT

cra-generate

cra-generate Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

cra-generate

cra-generate Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README