topic-panli-react

Panli 专题代购列表页 React 重构

React Redux Boilerplate with sGrid, Webpack and Hot Module Replacement configuration.

This is a simple React boilerplate with:

• Redux
• Webpack
• React Router
• Hot Module Replacement
• PostCSS
• Sass
• CSS Modules
• React CSS Modules
• Stylus
• sGrid - my own Flexbox grid for Stylus
• Testing with:
  • Mocha
  • Enzyme,
  • Chai,
  • Sinon,
  • JSDOM [when you want to use 'mount' from Enzyme],
  • You can even test CSS Modules

Usage

$ npm install
$ npm start

...and go to: http://localhost:3000

More info and documentation soon. There will be also a tutorial in a blog post. Stay tuned.

Prepare for production

If you are ready to prepare your production files. You can run npm run build. Webpack will bundle and save all needed files (.js, .css, img, .html) in the public folder.

Tests and ESLint

It uses Mocha runner config. You can use Enzyme, Chai, Sinon and JSDOM too. Configuration allows you to test components which uses CSS Modules. If you want to run tests put your test files in the __tests__ folder and run npm test. (it will run eslint too) or npm run testonly. You'll find example tests in the __tests__ folder.

Works in Node which supports Promises.

License

MIT