From 81566a30975f7ecf4d4b935b7af88f8a32e0e12f Mon Sep 17 00:00:00 2001 From: Daniel Ternyak Date: Wed, 12 Apr 2017 00:06:09 -0500 Subject: [PATCH] add boilerplate setup instructions --- README.md | 67 +++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 67 insertions(+) diff --git a/README.md b/README.md index 213bf45c..20bc9c44 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,69 @@ # MyEtherWallet MyEtherWallet (v4+) + +### What is it? + +Production-ready, optimized, robust, fully-featured boilerplate/example. + +#### Includes: + +- **[React](https://facebook.github.io/react/)** and **[Redux](http://redux.js.org/)** +- **[React-Router](https://github.com/ReactTraining/react-router)** + **[React-Router-Redux](https://github.com/reactjs/react-router-redux)** +- **[JSON-server](https://github.com/typicode/json-server)** - mock db. +- **[Redux-thunk](https://github.com/gaearon/redux-thunk)** and **[Redux-Devtools-Extension](https://github.com/zalmoxisus/redux-devtools-extension)** +- **[Fetch polyfill](https://github.com/github/fetch)** +- **[Semantic-ui-react](http://react.semantic-ui.com/)** - UI components. +- **[Store2](https://github.com/nbubna/store)** - LocalStorage access. +- **[Webpack 2](https://webpack.js.org)** - babel (stage-0), **HMR**, build, devServer, hotMiddleware. +- **[Jest](https://facebook.github.io/jest/)** - awesome library for easy testing. +- **[Babel React Optimize](https://github.com/thejameskyle/babel-react-optimize)** and **[React-Addons-Perf](https://facebook.github.io/react/docs/perf.html)** for better performance optimization. + +### Usage + +```bash +git clone https://github.com/Metnew/react-semantic.ui-starter.git +cd react-semantic.ui-starter && rm -rf .git +npm install +``` + +#### Run: + +```bash +npm run dev # run app in dev mode +npm run db # run mock db for app(from another process) +``` + +#### Build: + +```bash +npm run build # build app +``` + +It generates app in `dist` folder. + +#### Test: + +```bash +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 +``` \ No newline at end of file