Check out my React hooks introduction first, if you’re new to them.

One React hook I sometimes use is useContext.

import React, { useContext } from 'react'

This hook is used in combination with the React Context API.

In particular, this hook allows us to get the current context value:

const value = useContext(MyContext)

which refers to the nearest <MyContext.Provider> component.

Calling useContext will also make sure the component re-renders when the context value changes.

I recommend that you read my Context API tutorial to know more about it.

Lessons in this unit:

0:	Introduction
1:	Introduction to React Hooks
2:	How to use the useState React hook
3:	useEffect React hook, how to use
4:	▶︎ How to use the useContext React hook
5:	How to use the useReducer React hook
6:	How to use the useCallback React hook
7:	How to use the useMemo React hook
8:	How to use the useRef React hook
9:	Can I use React hooks inside a conditional?
10:	Why does useEffect run two times?
11:	Using useState with an object: how to update
12:	How to reference a DOM element in React