Learn React Hooks

Requests with Effect and Reducer Hooks

We are now going to use our backend server to request the posts array, instead of hardcoding it as the default value for the postsReducer.

Let's implement requesting posts using an Effect Hook and a Reducer Hook:

1. Remove the defaultPosts constant definition from src/App.js, which is all of the following code:

const defaultPosts = [    { title: 'React Hooks', content: 'The greatest thing since sliced bread!', author: 'Daniel Bugl' },    { title: 'Using React Fragments', content: 'Keeping the DOM tree clean!', author: 'Daniel Bugl' }]

2. Replace the defaultPosts constant in the useReducer function with an empty array:

    const [ state, dispatch ] = useReducer(appReducer, { user: '', posts: [] })

3. In src/reducers.js ...