create-monitor-app

Monitor App Generator

Installation

Using npm:

$ sudo npm install create-monitor-app -g

Creating a new app

Step 1 :

$ create-monitor-app <AppName>

Step 2 :

$ Creating a new monitor app...
prompt: How many components you want to create: 2 # Type number of components you wnat to make

Step 3 :

$ Creating a new monitor app...
prompt: How many components you want to create:  2
prompt: Please enter component name 1: SampleComponent # Type component name 1
prompt: Please enter component name 2: ChildComponent # Type component name 2

Step 4 :

Select the component you want to put as a root component

$ ? Which is your root component? (Use arrow keys)
❯ SampleComponent
  ChildComponent

The above command will create directory structure like this

├── AppName
│   ├── components
│   │   ├── SampleComponent
│   │   ├───── SampleComponent.jsx
│   │   ├───── props.js
│   │   ├───── events.js
│   │   ├───── test.js
│   │   ├── ChildComponent
│   │   ├───── ChildComponent.jsx
│   │   ├───── props.js
│   │   ├───── events.js
│   │   ├───── test.js
│   ├── server
│   │   ├── AppName.jsx
│   ├── webpack_bundle
│   │   ├── Container.jsx
│   │   ├── entry.js
│   ├── index.html
└ ──── wepack.config.js

Creating a new component

Step 1 :

Adding -cp will create a component

$ create-monitor-app <ComponentName> -cp

The above command will create directory structure like this

├── ComponentName
│   │── ComponentName.jsx
│   │── props.js
│   │── events.js
└──────test.js