ignw-component-generator

React Component Generator - Micro-generator framework that makes it easy for an entire team to create react component files with a level of uniformity.

Prerequisites

• NodeJS

Getting Started

Add ignw-component-generator to your project

npm install -g ignw-component-generator@latest

Usage with CLI command

plop-component

Usage with NPM script

// package.json
{
  "scripts": {
      "plop:component": "plop --plopfile ./node_modules/ignw-component-generator/plopfile.ts"
  },
  ...
}

NPM Example: npm run plop:component app bar

This command will:

1. Create a new src/components/app-bar/index.ts file.
2. Create a new src/components/app-bar/AppBar.tsx file.
3. Create a new src/components/app-bar/AppBar.stories.tsx file.
4. Create a new src/components/app-bar/AppBar.test.tsx file.

Full Example

> npm run plop:component
> plop --plopfile ./node_modules/ignw-component-generator/plopfile.ts

? react component name app bar
✔ ++ /src/components/app-bar/index.ts
✔ ++ /src/components/app-bar/AppBar.tsx
✔ ++ /src/components/app-bar/AppBar.stories.tsx
✔ ++ /src/components/app-bar/AppBar.test.tsx