React-Semantic.UI-Starter
Out-of-box:
DEMO: You can find it here
What is it?
Production-ready, optimized, robust, fully-featured boilerplate/example.
Includes:
- 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.
Usage
git clone https://github.com/Metnew/react-semantic.ui-starter.git
cd react-semantic.ui-starter && rm -rf .git
npm installRun:
npm run dev # run app in dev mode
npm run db # run mock db for app(from another process)Build:
npm run build # build appIt generates app in dist folder.
Test:
npm run test # run tests with JestFolder structure:
│ 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
Also:
Have a question? Ask it. 😉
PRs, and issues are welcome 😈
Author
Vladimir Metnew vladimirmetnew@gmail.com
LICENSE
MIT