Learn React Hooks

Using the useDebouncedUndo Hook

Finally, we are going to replace all debounced undo logic in the src/post/CreatePost.js file with our custom useDebouncedUndo Hook. Doing so will make our component code much cleaner and easier to read. Furthermore, we can reuse the same debounced undo functionality in other components later.

Let's get started using the Debounced Undo Hook in the CreatePost component by following these steps:

1. Edit src/post/CreatePost.js and import the useDebouncedUndo Hook:

import { useUserState, useDispatch, useDebouncedUndo, useAPICreatePost } from '../hooks'

2. Then, remove the following code related to debounced undo handling:

    const [ content, setInput ] = useState('')    const [ undoContent, {        set: setContent,        undo, redo, ...