https://github.com/alyssaq/react-redux-table-example
React-Redux Router Table Sample App
https://github.com/alyssaq/react-redux-table-example
javascript mocha react redux
Last synced: 8 months ago
JSON representation
React-Redux Router Table Sample App
- Host: GitHub
- URL: https://github.com/alyssaq/react-redux-table-example
- Owner: alyssaq
- Created: 2015-11-04T10:02:06.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2017-06-27T03:54:51.000Z (over 8 years ago)
- Last Synced: 2025-03-27T01:47:55.099Z (9 months ago)
- Topics: javascript, mocha, react, redux
- Language: JavaScript
- Homepage: http://react-redux-table.surge.sh
- Size: 145 KB
- Stars: 48
- Watchers: 5
- Forks: 12
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Redux Table Example
[](https://travis-ci.org/alyssaq/react-redux-table-example)
Demo:
Features:
* [React](https://facebook.github.io/react)-[Redux](http://redux.js.org) data flow
* Fetch JSON from an API and render into a table
* Filter and sort data in the table
* Routing with [react-router 4+](https://github.com/rackt/react-router)
* Redux middlewares
* Separate reducers and actions
* ES6/ES7 with [babeljs](https://babeljs.io) (stage-0, react)
* [Stylus](http://learnboost.github.io/stylus)
* [Webpack 3+](https://webpack.github.io) dev and production
* Eslint [standard](http://standardjs.com)
* Unit tests with [mocha](https://mochajs.org) + [chai](http://chaijs.com)
## Install
```sh
$ npm install
```
## Run - Development
```sh
$ npm run dev # builds and hot reloads on changes
```
## Run - Production
```sh
$ npm run build # builds production assets (transpile, minify, etc)
$ npm start # Start express server and serves index.html
```
## Docker
To run a production version in [docker](https://www.docker.com):
```sh
$ docker build -t react-redux-example . # Build docker container
$ docker run -d --name react-redux-example -p 4000:4000 react-redux-example # Run docker container
```
App will be running at
```sh
$ docker stop react-redux-example # Stop container
```
## Tests
```sh
$ npm run lint # Runs eslint
$ npm test # Runs mocha
$ npm run test:dev # Run mocha in watch mode
```
## Thanks
Data from [USDA nutrient API](http://ndb.nal.usda.gov/ndb/doc/apilist/API-NUTRIENT-REPORT.md)
## License
[MIT](https://alyssaq.github.io/mit-license)