Learn React Hooks

Refactoring post components

Now, all that is left to do is refactoring the post components; then our whole app will be using React context for global state:

1. We start with the src/post/PostList.js component, where we import useContext and StateContext, remove the props, and use the Context Hook instead:

import React, { useContext } from 'react'import { StateContext } from '../contexts'import Post from './Post'export default function PostList () {    const { state } = useContext(StateContext)    const { posts } = state

2. We do the same for the CreatePost component, which is the last component that we need to refactor:

import React, { useState, useContext } from 'react'import { StateContext } from '../contexts'export default function CreatePost ...