Single-page application project template based on ReactJS + Redux + PostCSS + WebPack2

Tips:

• This project webpack has been upgraded to Webpack 2.
• This project uses React – Lite instead of React JS to reduce the size of the code. You can also use react JS directly. Please comment this configuration.
• This project is still being optimized, but it can be used in production environment.
• If you have a good comment or suggestion, please issue.
• If you find this project helpful, please give a star, ^_^.

Introduce a,

2. Technology stack

React JS, Redux, ES6, WebPack 2, SASS, PostCSS, CSS Modules.

Three, use,

1. Download source code

git clone https://github.com/zhaotoday/react.git
Copy the code

2. Install the NPM dependency package

npm install
Copy the code

3. Start the project

npm start
Copy the code

4. JS code specification verification

npm run eslint
Copy the code

Unit testing

npm run test
Copy the code

6. Build code

npm run build
Copy the code

4. Directory structure

├ ─ imp imp imp imp imp imp imp imp imp imp imp imp imp ├ Themes [general] ├ utils [Tools set] ├ entry-js [Import file] -dist [Build code] -testCopy the code

5. Business module specification

-login [login module] └ index.js [login] └ theme [login] └ styles [login] └ index.scss └ images [login ├ ─ 088 components [Login] └ Utils [Login]Copy the code

General component specification

The generic components are placed under the: SRC/Components folder. The specifications and business modules are basically the same. The panel component is used as an example.

│ └ Theme │ └ Style │ └ Index │ SCSS │ └ Images │ Components/panel subcomponents └ utils/panel related tools set └ i18n [international] panelCopy the code

Redux Action Type constants specification

PUT_ARTICLE [modify article] DELETE_ARTICLE [delete one or more articles]Copy the code

To be continued…