Redux Api

Flux REST API for redux infrastructure
Alternatives To Redux Api
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Redux Api4986193 years ago71February 25, 202031mitJavaScript
Flux REST API for redux infrastructure
Tectonic472315 years ago42August 16, 201745JavaScript
A declarative REST data loader for React and Redux. Docs @
Admin On Rest375
5 years ago64May 24, 201913mitJavaScript
A frontend framework for building admin SPAs on top of REST services, using React and Material Design.
Tourism Demo278
4 years ago2Dart
Flutter app backed by Redux, shows animations, internationalization (i18n), ClipPath, fonts and others...
7 years ago4mitJavaScript
A single-page WP React, Redux, React Router, WP REST API theme.
Express React Boilerplate259
2 months ago31JavaScript
Express, MySQL, React/Redux, NodeJs Application Boilerplate
Flutter Redux Starter252
4 years ago19Dart
Starter project and code generator for Flutter/Redux
Redux Rest Resource190912 months ago95October 15, 2020mitTypeScript
Seamless REST interaction for Redux
Backbone Redux185125 years ago8February 14, 20175mitJavaScript
Easy way to keep your backbone collections and redux store in sync.
Redux Rest181417 years ago8March 27, 20168mitJavaScript
Automatically create Redux action constants, action creators, and reducers for your REST API
Alternatives To Redux Api
Select To Compare

Alternative Project Comparisons


Flux REST API for redux infrastructure

Build Status NPM version Coverage Status


redux-api solves the problem of writing clients to communicate with backends. It generates actions and reducers for making AJAX calls to API endpoints. You don't need to write a lot of boilerplate code if you use redux and want to exchange data with server.

Inspired by Redux-rest and is intended to be used with Redux.


See for API documentation.

Use cases


With npm:

npm install redux-api --save

With bower:

bower install redux-api --save

If you don't use tools like webpack, browserify, etc and you want to load redux-api manually, the best way to add redux-api to your project is:

<script src="(...)/redux-api.min.js"></script>
  window.ReduxApi = window["redux-api"];
  // or
  var ReduxApi = window["redux-api"];
  // initialization code


Remote calls

redux-api doesn't bind you to a technology to make AJAX calls. It uses configurable adapters - a pretty simple function which receives 2 arguments: endpoint and options, and returns a Promise as result. The default adapter uses isomorphic-fetch, and has an implementation like this:

function adapterFetch(url, options) {
  return fetch(url, options);

However, you are not tied to using isomorphic-fetch. For instance, if you prefer to use jQuery, you can use the following adapter:

function adapterJquery(url, options) {
  return new Promise((success, error)=> {
    $.ajax({ ...options, url, success, error });

This implementation allows you to make any request and process any response.

And of course you have to set up adapter to your redux-api instance before using.

  reduxApi(....).use("fetch", adapterFetch)



examples/isomorphic - React + Redux + React-Router + Redux-api with webpack and express + github API



import "isomorphic-fetch";
import reduxApi, {transformers} from "redux-api";
import adapterFetch from "redux-api/lib/adapters/fetch";
export default reduxApi({
  // simple endpoint description
  entry: `/api/v1/entry/:id`,
  // complex endpoint description
  regions: {
    url: `/api/v1/regions`,
    // reimplement default `transformers.object`
    transformer: transformers.array,
    // base endpoint options `fetch(url, options)`
    options: {
      headers: {
        "Accept": "application/json"
}).use("fetch", adapterFetch(fetch));


import React, {PropTypes} from "react";
import { createStore, applyMiddleware, combineReducers } from "redux";
import thunk from "redux-thunk";
import { Provider, connect } from "react-redux";
import rest from "./rest"; //our redux-rest object

const createStoreWithMiddleware = applyMiddleware(thunk)(createStore);
const reducer = combineReducers(rest.reducers);
const store = createStoreWithMiddleware(reducer);

function select(state) {
  return { entry: state.entry, regions: state.regions };

class Application {
  static propTypes = {
    entry: PropTypes.shape({
      loading: PropTypes.bool.isRequired,
      data: PropTypes.shape({
        text: PropTypes.string
    regions: PropTypes.shape({
      loading: PropTypes.bool.isRequired,
      data: PropTypes.array.isRequired
    dispatch: PropTypes.func.isRequired
  componentDidMount() {
    const {dispatch} = this.props;
    // fetch `/api/v1/regions
    //specify id for GET: /api/v1/entry/1
    dispatch(rest.actions.entry({id: 1}));
  render() {
    const {entry, regions} = this.props;
    const Regions => <p>{ }</p>)
    return (
        Loading regions: { regions.loading }
        Loading entry: {entry.loading}
        <div>{{ }}</div>

const SmartComponent = connect(select)(Application);

  <Provider store={store}>
    <SmartComponent />

Releases Changelog

Popular Redux Projects
Popular Rest Projects
Popular User Interface Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.