Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Justin-lu/react-redux-antd
react redux for CMS/Enterprise class App/ERP/Admin with ant-design
https://github.com/Justin-lu/react-redux-antd
ant-design react redux
Last synced: about 2 months ago
JSON representation
react redux for CMS/Enterprise class App/ERP/Admin with ant-design
- Host: GitHub
- URL: https://github.com/Justin-lu/react-redux-antd
- Owner: Justin-lu
- Created: 2016-07-17T06:38:47.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2018-03-20T03:33:05.000Z (over 6 years ago)
- Last Synced: 2024-07-11T09:54:20.903Z (3 months ago)
- Topics: ant-design, react, redux
- Language: JavaScript
- Homepage: https://github.com/Justin-lu/react-redux-antd
- Size: 160 KB
- Stars: 415
- Watchers: 30
- Forks: 113
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-ant-design - React Redux - React Redux for CMS/Enterprise class apps (ERP/Admin) built with Ant Design. (Boilerplates / Themes)
README
## Feature List
- hot reloading/browser-sync/redux devtools on dev build
- minify/chunkhash/trackJS on production build
- eslint both of terminal and pre-commit
- unit test of react/redux
- es6/webapck
- sass support
- UI Kit: Ant Design
- isomorphic-fetch
- mock data
- example app
- ...
## Getting Started
### install
```
npm install --global yarn # install yarn
git clone [email protected]:Justin-lu/react-redux-antd.git demo
cd demo
yarn
# run dev
npm run start
# run mock server
npm run start:mock
```
### npm script
```shell
# dev start with test/lint
npm run start
# prodction start with browser-sync server
npm run start:prod
# production build
npm run build
# mock data
npm run start:mock
# run test
npm run test
# generate test cover report
npm run test:cover
```
### eslint
- enable pre-commit hook
```shell
cd .git/hooks/ && ln -s ./../../tools/pre-commit pre-commit
```
## Structure
```shell
├── README.md
├── coverage # test coverage report
├── dist # production build directory
│ ├── 269268ade790db48e9dcc5eb0db587cd.jpg
│ ├── antd.f7f5aa5b8e507559a22db55944433a23.css
│ ├── app.89f9817729a2b19dc35586b6f0505c83.css
│ ├── app.fa0e73813f3ce3a7605d.js
│ ├── favicon.ico
│ └── index.html
├── package.json
├── src # source directory
│ ├── actions # write your redux action here
│ │ ├── users.js # redux action
│ │ └── users.spec.js # redux action test
│ ├── components # write your redux components here
│ │ ├── CustomTable.js
│ │ └── NotFoundPage # this is a folder which include NotFoundPage.js, NotFoundPage.scss, NotFoundPage.spec.js
│ ├── config
│ │ └── api.js # write your api config here
│ ├── constants # some constants
│ │ └── actionTypes.js
│ ├── containers # write your redux containers here
│ │ ├── AccessControl.js
│ │ ├── App # App.js App.scss
│ ├── data
│ │ └── db.json # mock data file
│ ├── favicon.ico
│ ├── index.html # template index.html
│ ├── index.js # entry file
│ ├── reducers # write your redux reducers here.
│ │ ├── index.js # entry file
│ │ ├── initialState.js # put all of the initial state in here
│ │ ├── users.js # users reducers
│ │ └── users.spec.js # users reducers spec
│ ├── routes.js # routes
│ ├── store # store
│ │ ├── configureStore.dev.js
│ │ ├── configureStore.js
│ │ └── configureStore.prod.js
│ └── utils # utils file
│ └── cFetch.js
├── tools # some tools script
│ ├── build.js
│ ├── chalkConfig.js
│ ├── distServer.js
│ ├── mock.js
│ ├── pre-commit
│ ├── srcServer.js
│ ├── startMessage.js
│ ├── testSetup.js
│ └── updateIndexHTML.js
├── webpack.config.dev.js # webpack config of dev
└── webpack.config.prod.js # webpack config of production
```