Hooks

Hooks are JavaScript functions (like `useState` and `useEffect`) that let you tap into React state and lifecycle features directly from functional components, eliminating the need for class components.

React Hooks, introduced in version 16.8, are the standard for modern component logic: they allow functional components to manage state, handle side effects, and optimize performance. Core Hooks like `useState` manage local component state (e.g., a counter value), while `useEffect` handles side effects (e.g., data fetching or DOM manipulation) after a render. Custom Hooks (e.g., `useOnlineStatus`) enable logic reuse across your application, keeping components clean and focused on rendering UI.

https://react.dev/reference/react