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