redux-fetch

redux-fetch

Declarative data fetching for redux

Warning

I am developing this still as we speak, I would not expect anything in here to work at the moment, or the documentation to be up to date. I'll remove this if/when it's more stable. It's just up here for my own use and so that people can get the gist of the concept and play around with it if they want.

Usage

Add redux-fetch to your redux middleware stack (preferably at the beginning). Then, instead of imperatively calling fetch in your action creators, you can produce descriptions of the fetch you want to perform, and the middleware will execute it for you.

function createUser (user) {
  return {
    type: 'FETCH',
    payload: {
      method: 'POST',
      url: '/user',
      body: user
    },
    meta: {
      then: logUserIn
    }
  }
}

function logUserIn () {
  return {
    type: 'USER_DID_LOGIN'
  }
}

Coming soon

Less-verbose ways of doing this. Going to try to create some creators for these things, so that the API can be just like fetch. Something like:

var fetch = require('declarative-fetch')

function createUser (user) {
  return fetch('/user/', {
    method: 'post',
    body: user
  })
  .then(logUserIn)
}