Custom hooks in React are a powerful feature that allows you to encapsulate and reuse stateful logic across different components. They are essentially JavaScript functions that can use React hooks internally. By creating custom hooks, you can abstract away complex logic, making your components cleaner and more manageable.

Why Use Custom Hooks?

1. Reusability: If you find yourself using the same logic in multiple components, a custom hook can help you avoid code duplication.
2. Separation of Concerns: They allow you to separate business logic from UI logic, making your components more focused and easier to understand.

Common custom hooks

• useFetch (https://swr.vercel.app/)
• useFetch with re-fetching
• usePrev
• useIsOnline
• useDebounce (https://gist.github.com/hkirat/439a0be477e3c31b08c1f7e0f4582674)

Assignment

Read about swr and react-query

• Is usePrev hook that we have made indeed correct? Try out this example https://giacomocerquone.com/blog/life-death-useprevious-hook/
• Better usePrev

Explore https://usehooks.com/