Learn React Hooks

Creating the HomePage component

Now, we are going to create the HomePage component from the PostList component and the Resource Hook that is concerned with the posts. Again, we are going to refactor src/App.js, in order to create a new component.

Let's start creating the HomePage component:

1. Create a new file, src/pages/HomePage.js, import React with the useEffect and useContext Hooks, and define the component there. We also define a Context Hook and pull out the state object and dispatch function:

import React, { useEffect, useContext } from 'react'import { StateContext } from '../contexts'export default function HomePage () {    const { state, dispatch } = useContext(StateContext)    const { error } = state    return (        <div>        </div>    )}

2. Then, cut ...