DEMO: You can find it here
Production-ready, optimized, robust, fully-featured boilerplate/example.
- React and Redux
- React-Router + React-Router-Redux
- JSON-server - mock db.
- Redux-thunk and Redux-Devtools-Extension
- Fetch polyfill
- Semantic-ui-react - UI components.
- Store2 - LocalStorage access.
- Webpack 2 - babel (stage-0), HMR, build, devServer, hotMiddleware.
- Jest - awesome library for easy testing.
- Babel React Optimize and React-Addons-Perf for better performance optimization.
git clone https://github.com/Metnew/react-semantic.ui-starter.git
cd react-semantic.ui-starter && 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 # build app
It generates app in dist
folder.
npm run test # run tests with Jest
│ 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"
│ ├── 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 - entry
│ ├── index.html
├── db // mock db
├── static - static assets(imgs, media)
├── webpack_config - Webpack configuration
├── jest_config - Jest configuration
Have a question? Ask it. 😉
PRs, and issues are welcome 😈
Vladimir Metnew vladimirmetnew@gmail.com
MIT