create-react-template
Create various templates.
Install
$ npm install create-react-template
Usage
$ create-react-template
Templates
- Container Component
- Presentational Component
- Store
- Middleware
Container
; const mapStateToProps = {}; const mapDispatchToProps = ; mapStateToProps mapDispatchToProps/* component's name */;
Component
Create index.js
, Component.js
, style.css
(optional).
index.js
'./Componet';
style.css
Component(stateless)
;; const Component = <div className=stylescontainer> </div>; ;
Component
;; Component { super; thisstate = {}; } { return <div className=stylescontainer> </div> ; } ;
Middleware
const middleware = {}; ;
Store
You can select redux-saga and redux-devtools.
Create configureStore.js
, configureStore.dev.js
, configureStore.prod.js
.
configureStore.js
;; const configureStore = processenvNODE_ENV !== 'production' ? configureStoreDev : configureStoreProd; ;
configureStore.dev.js
;;;; const saga = ; const createEnhancer = { const appliedMiddlewares = ; const reduxDevtoolsExtensionsCompose = window__REDUX_DEVTOOLS_EXTENSION_COMPOSE__; if reduxDevtoolsExtensionsCompose const devtoolsExtensionCompose = ; return ; else return ; }; const configureStore = { const enhancer = ; const store = ; saga; return store;}; ;
configureStore.prod.js
;;;; const saga = ; const enhancer = ; const configureStore = { const store = ; saga; return store;}; ;