2.4 KiB
2.4 KiB
MyEtherWallet
MyEtherWallet (v4+)
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 install
Run:
npm run dev # run app in dev mode
npm run db # run mock db for app(from another process)
Build:
npm run build # build app
It generates app in dist
folder.
Test:
npm run test # run tests with Jest
Folder 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