JavaScript
Switch branches/tags
Nothing to show
Clone or download
Yury Dymov
Yury Dymov habr url
Latest commit f35d70d Jan 3, 2017
Permalink
Failed to load latest commit information.
dist final Jan 3, 2017
src removed unneccesary checks Jan 3, 2017
.babelrc initial commit Dec 30, 2016
.eslintrc initial commit Dec 30, 2016
.gitignore final Jan 3, 2017
LICENSE Initial commit Dec 30, 2016
README.md habr url Jan 3, 2017
package.json deps update Jan 3, 2017
webpack.config.js final Jan 3, 2017

README.md

JSON API React Redux Example

Show case for json-api-normalizer and redux-object.

DEMO - https://yury-dymov.github.io/json-api-react-redux-example/

Description

This is a demo application for HabraHabr article. A lot more details can be found there.

It represents, how data formatted with JSON API can be further converted to a more redux-friendly format with json-api-normalizer library.

The application uses https://phoenix-json-api-example.herokuapp.com/api/test as a JSON API data source, developed with Phoenix Framework. Feel free to check the API source code if desired.

You can also try the demo - https://yury-dymov.github.io/json-api-react-redux-example/.

Installation

OS X, Linux, and Windows platforms are supported. Node.js should be installed, of course.

  • Clone the repo with git clone https://github.com/yury-dymov/json-api-react-redux-example.git
  • Install dependencies with npm install
  • Build the JS with npm run build
  • Run webpack-dev-server with npm run webpack-dev-server

Now you can visit http://localhost:8050 from your browser.

Note: Internet access is required to make things work as a backend is initially deployed on Heroku. You may deploy it locally as described here and change API_ROOT variable in src/redux/middleware/api.js to make things work with no Internet access if desired.

License

MIT (c) Yury Dymov.