useContext

1. Create a Context Provider via createContext function

import React, { createContext, useState } from "react"
const SomeContext = createContext()

const SomeContextProvider = (props) => {

  const [books, setBooks] = useState([
    {title: 'book one', id: 1},
    {title: 'book two', id: 2},
    {title: 'book three', id: 3},
    {title: 'book four', id: 4},
  ])
  
  return(
    <SomeContext.Provider value={{books}}>
      {props.children}
    </SomeContext.Provider>
  )
}

export default SomeContextProvider

2. Consum a Context via useContext function

import React, {useContext} from "react"

useEffect

useState