Mastering React Hooks

Explain the Rules of Hooks and why they are necessary for React to associate state with the correct component.

Describe how the 'useState' hook manages component state and triggers re-renders.

Explain the purpose of the 'useEffect' dependency array and the role of its cleanup function in preventing memory leaks.

Differentiate between 'useMemo' and 'useCallback' and describe when to use them for performance optimization.

Explain how 'useRef' provides a mutable reference that persists across renders without causing a re-render.

Describe the difference between controlled and uncontrolled components and the trade-offs of each approach.

Implement a custom hook to encapsulate and reuse stateful logic between components.