|
3 | 3 | Includes only the latest and greatest web technologies (dependencies updated at 28 July 2017). Use it for your next heroic SPA project because you can't go wrong with it. Contains minimal viable "hello, world" code just to proof it works. Remove hello world and write your own great project. |
4 | 4 |
|
5 | 5 | # Principles |
6 | | -1. Using plain [ES2015](https://babeljs.io/docs/plugins/preset-es2015/)/[16](https://babeljs.io/docs/plugins/preset-es2016/)/[17](https://babeljs.io/docs/plugins/preset-es2017/). Minimizing use of [experimental Stage-X](https://babeljs.io/docs/plugins/#presets-stage-x-experimental-presets-) javascript features. Only [stage-3](https://babeljs.io/docs/plugins/preset-stage-3/)/4 features are supported, because they're relatively stable |
7 | | -1. Using [redux-actions](https://github.com/acdlite/redux-actions) methodology for Redux |
8 | | -1. Using [CSS Modules](https://github.com/css-modules/css-modules) methodology for CSS (with [babel-plugin-react-css-modules](https://github.com/gajus/babel-plugin-react-css-modules) for React) |
| 6 | +1. JS: using plain [ES2015](https://babeljs.io/docs/plugins/preset-es2015/)/[16](https://babeljs.io/docs/plugins/preset-es2016/)/[17](https://babeljs.io/docs/plugins/preset-es2017/). Minimizing use of [experimental Stage-X](https://babeljs.io/docs/plugins/#presets-stage-x-experimental-presets-) javascript features. Only [stage-3](https://babeljs.io/docs/plugins/preset-stage-3/)/4 features are supported, because they're relatively stable |
| 7 | +1. Redux: using [redux-actions](https://github.com/acdlite/redux-actions) methodology |
| 8 | +1. CSS: using [CSS Modules](https://github.com/css-modules/css-modules) methodology |
| 9 | +1. Linting: using [airbnb config](https://github.com/airbnb/javascript) |
9 | 10 | 1. Using tests (by [jest](https://github.com/facebook/jest), [example](https://github.com/vinogradov/react-starter-kit/blob/master/src/examples/react/__tests__/hello.test.js)) |
10 | | -1. Using linting (by [airbnb eslint config](https://github.com/airbnb/javascript)) |
11 | 11 | 1. Using git [pre-push hook](https://git-scm.com/book/gr/v2/Customizing-Git-Git-Hooks) to force run tests and linting before push |
12 | 12 | 1. Using [visual analyzing tools](https://github.com/th0r/webpack-bundle-analyzer) for inspecting the bundle to always control its content and size |
13 | 13 |
|
|
0 commit comments