This repository is just for my quick starting point, adjusting to my preferences.
It could be useful if your preference is similar to mine.
npm install
Then start building, and watch for further changes
npm run watch
After successfully built, you can start your application
npm run start
Or you just double-click on .bat files (if you use Windows 10)
React Redux, with Material-UI as the UI framework and react-router for routing.
Built with webpack, babel, and syntax is enforced by ESLint with airbnb extension rules (but some rules are intentionally disabled, noted below)
Based on airbnb rules, but some rules are intentionally disabled.
See .eslintrc.js for details.
- semi: ["off"]
- Semicolons are verbose and just makes code looks worse, when ASI exists in the language. I believe this should not be required.
- react/jsx-filename-extension: ["off"]
- I prefer to put completely reusable pure JavaScript (framework-independent) files into distinct folders. I believe using two extensions is unnecessary.
- indent: ["error", 4]
- The indent of 2 is so narrow that I cannot understand my codes quickly.
See webpack.config.js for details.
- Aliases are used. Prefixed with @ to indicate aliases.
- @actions - Redux action and action creators
- @stores - Redux stores
- @reducers - Redux reducers
- @containers - React Redux container components
- @components - Ordinary React components
I don't always use this. I believe this is more suitable for smaller applications.
For larger ones, it would be better to organize by routing paths first, instead of grouping by roles, like this.