Learn React Hooks

Creating a useTheme Hook

In many components, we use the ThemeContext to style our blog app. Functionality that is used across multiple components is usually a good opportunity for creating a custom Hook. As you might have noticed, we often do the following:

import { ThemeContext } from '../contexts'export default function SomeComponent () {    const theme = useContext(ThemeContext)    // ...

We could abstract this functionality into a useTheme Hook, which will get the theme object from the ThemeContext.

Let's start creating a custom useTheme Hook:

1. Create a new src/hooks/ directory, which is where we are going to put our custom Hooks.
2. Create a new src/hooks/useTheme.js file.
3. In this newly created file, we first import the useContext Hook and the ...