This is a companion project to my post Writing Custom Hooks with React.
The project has 3 example components that are all basically the same "To-Do" list:
ToDoListUseState.tsx
is a component that only uses theuseState
hookToDoListCustomHooks.tsx
is a component that uses a custom hook calleduseList
AdvancedToDoList.tsx
is a component that also uses theuseList
hook along with a hook calleduseLocalStorage
The post walks you through starting with the built in useState
hook, and then transitioning to writing your own hooks. In addition to my post, I recommend you check out the React Rules on Hooks and the page on creating your own hooks.