initial-react-app

Приложение, которое гененрирует стартовый шаблон приложения. Устанавливает дополнительные библиотеки:
react-router-dom, axios, redux, react-redux, redux-saga, connected-react-router, history, redux-logger, reselect, prop-types.


Также может создавать новые компоненты и redux-модули.

Установка

Run

>``npm install -g initial-react-app`

Зачем?

1. Чтобы каждый раз не тратить время на установку нужных библиотек и создание структуры приложения.
2. Упрощает процесс добавления нового компонента и redux-модуля

Приложение умеет создавать функциональные и классовые компоненты :

Functional Component:


`javascript
import React, {Component} from 'react';
import PropTypes from 'prop-types';

const Comp = () => {
return (

)
}
Comp.propTypes = {
}

export default Comp;
`

Class Component:

`javascript
import React, {Component} from 'react';
import PropTypes from 'prop-types';

class Comp extends Component {
constructor(props){
super(props);
}
render(){
return (

)
}
}
Comp.propTypes = {
}

export default Comp;
`

$3

Run

>`rcli init `

Это приведет к созданию проекта следующей структуры :

`
project
└─ node_modules
└─ public
└─ src
│ └─ components
│ └─ containers
│ │ │ App.jsx
│ │ │ Test.jsx
│ └─ ducks
│ │ │ test.js
│ └─ router
│ │ │ index.js
│ │ │ links.js
│ │ │ privateRouter.js
│ └─ store
│ │ │ configureStore.js
│ │ │ reducer.js
│ │ │ saga.js
│ │ index.js
│ .gitignore
│ package.json
│ package-lock.json
│ README.md
`

$3

Run
>`rcli createComp `

Создаст папку с именем компонента и файл компонент с именем index.jsx

#### Опции

Создание функционального компонента
>`rcli createComp -F` or `rcli createComp --functional`

Создание компонента подключенного к redux
>`rcli createComp -C` or `rcli createComp --connect`

Создание компонента контейнера
>`rcli createComp -P` or `rcli createComp --page`

$3

Run
>`rcli createDuck ``

Создаст модуль в папке ducks и подключит его в src/store/reducer.js и src/store/saga.js