Simple, but robust boilerplate.
You don't need to debug or write webpack configs for new project anymore.
Many templates currently aren't 100% ready - some setups have old dependencies versions (boilerplates with webpack v1.* is a good example), other templates are too small and you have to write setup code by yourself.
Also, this setup isn't a "template-killer", it's just a robust setup that works.
- You have already some code pre-written.
- Code was written following React&Redux concepts.
- Latest dependencies.
- You have already some code pre-written. But you always can remove it :)
- No SSR (currently).
- React and Redux
- React-Router + React-Router-Redux
- JSON-server for dev purposes
- Redux-thunk
- Fetch polyfill
- Semantic-ui-react and normalize.css for UI
- Store2 - LocalStorage access
- Webpack 2, babel (stage-0 + decorators), Redux-dev-tools and testing utils: Karma, Chai, Phantom
git clone https://github.com/Metnew/reatty.git reatty
cd reatty && rm -rf .git
npm install
npm run dev # run app in dev mode
npm run db # run mock db for app(from another process)
npm run build
It will generate "dist" folder with app.
│ Reatty
├── common - Your App
│ └── actions - application actions
│ ├── api - Services and XHR utils(also custom form validation, see InputComponent from components/common)
│ ├── components - components according to "Redux philosophy"
└── common - common components of App, currently only wrapper for Semantic <Input /> component
│ ├── config - frontend config depending on REACT_WEBPACK_ENV
│ ├── containers - containers according to "Redux philosophy"
│ ├── reducers - application reducers
│ ├── routing - application routing
│ ├── styles - styles folder with scss vars, mixins, etc.
│ ├── index.jsx - project entry
│ ├── index.html
├── db // mock db
├── static - static assets(imgs, media)
├── webpack_config - Webpack configuration scripts
PRs, questions and issues are welcome)
MIT