Why do we need custom hooks?

Difficulty: 5/10

stateful logic reuse, abstraction, side-effects

Custom hooks are used to encapsulate and reuse stateful logic across multiple components. To create a custom hook, follow these steps:

1
Start with 'use': prefix the Name of the custom hook with 'use' to make it clear that it's a hook.
2
Reuse Existing Hooks: Custom hooks can internally use built-in hooks to achieve functionality.

Custom hooks are used for Sharing stateful logic and effects between components, They deal with some external system or a browser API that is not built into react like:

1
Change the document title based on rendered values
2
Get or set values from local storage
3
Run analytics events
4
Show some greetings based on the time of day
5
Focus on a form field after the load

Scenario Questions

0-2 years experience

2-5 years experience

Follow-up Questions