What is it?
Simple, but robust boilerplate.
Why I need it?
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
- 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)