Learning Redux

Pulling posts from the API

Now that we have a thunkCreator utility function, let's use it instead of manually handling the promise:

1. First, import the thunkCreator utility function at the top of the src/actions/posts.js file:

import { thunkCreator } from './utils'

2. Then, replace the fetchPosts action creator in src/actions/posts.js with the following code:

export const fetchPosts = () => thunkCreator({  types: [ FETCH_POSTS_REQUEST, FETCH_POSTS_SUCCESS, FETCH_POSTS_FAILURE ],  promise: fetch('http://localhost:8080/api/posts')             .then(response => response.json())})

3. Edit the import statement in src/index.js, importing our new fetchPosts action creator:

import { createUser, fetchPosts } from './actions'

4. Now, we can replace the example actions ...