redux-thunk actions example

redux-thunk-actions-example.js

import request from 'axios';

// Let's assume we need to get the user data through API.
// We create the action function that takes the user id 
// and make the async request.
export function getUser(id) {
    // We have access to the Dispather to dispath 
    // actions inside of the action function.
    return (dispatch) => {
        request
            .get(API_URL + '/users/' + id)
            .then(function(req) {
                // We dispatch the success action 
                // function when the request completes.
                dispatch(setUser(req.data));
            })
            .catch(function(req) {
                // We dispatch the error action function 
                // when the request ends with an error.
                dispatch(setUserError(id));
            });
    };
}

//This is two usual sync action functions.
export function setUser(data) {
    return {type: 'SET_USER', data};
}

export function setUserError(id) {
    return {type: 'SET_USER_ERROR', id};
}