Learn React Hooks

Exporting our custom Hooks

After creating all our custom Hooks, we are going to create an index.js file in our Hooks directory and re-export our Hooks there, so that we can import our custom Hooks as follows: import { useTheme } from './hooks'

Let's export all our custom Hooks now using the following steps:

1. Create a new src/hooks/index.js file.
2. In this file, we first import our custom Hooks as follows:

import useTheme from './useTheme'import useDispatch from './useDispatch'import usePostsState from './usePostsState'import useUserState from './useUserState'import useDebouncedUndo from './useDebouncedUndo'

3. Then, we re-export these imported Hooks with the following code:

export { useTheme, useDispatch, usePostsState, useUserState, useDebouncedUndo ...