taekimjr/redux-ask

Remove boilerplate around requests... just ask!

redux-ask's Issues

Create Examples using CodeSandbox

We can create live examples using Code Sandbox! https://codesandbox.io/s/new

Let's move all our examples to here!

Chained Requests Examples

A lot of times users will want to make multiple requests in a row, perhaps using the response of one request as an input into another. We can do this with Redux Ask! But we need to show examples of this to make users aware.

// getUser & getUserFriends are pre-created requests (using createRequest)
handleSubmit = () => {
  const { userId, getUser, getUserFriends } = this.props;
  getUser(userId)
    .then(user => {
      return getUserFriends(user.id);
    })
    .then(friends => {
      // More chains possible
    }) ;
}

Normalization / Receive Example

Redux Ask is built out to allow receiving and normalizing entities easy! We should create an example to show users how to do this and how this should be done (in the onSuccess handler).

It's important this is done within the onSuccess handler so the success flag does not get set until receiving / normalization is complete.

createRequest(id => ({
  url: `/users/${id}`,
  method: 'GET',
  onSuccess: user => dispatch => {
    const normalized = normalizeUser(user);
    dispatch(receiveEntities(normalized));
  },
}));

Multiple Request Status Selectors

We should provide a helper selector to determine the status of multiple selectors. This will make it easy to gather a collection of different data.

I was thinking something along the lines of...

const mapStateToProps = state => {
  return {
    allSuccessful: allSuccessfulSelector(['REQUEST_1', 'REQUEST_2', 'REQUEST_3'])(state),
    anySuccessful: anySuccessfulSelector(['REQUEST_1', 'REQUEST_2', 'REQUEST_3'])(state),
  }
}