Какие основные хуки в React и для чего они нужны?

1. useState

Управление состоянием компонента.

const [count, setCount] = useState(0);
<button onClick={() => setCount(count + 1)}>{count}</button>

2. useEffect

Для запросов, таймеров, подписок.

useEffect(() => {
  fetchData().then(data => setData(data));
  return () => { /* Очистка (например, отмена запроса) */ };
}, [deps]);

3. useContext

Доступ к глобальным данным (тема, авторизация).

const theme = useContext(ThemeContext);
<div style={{ color: theme.color }}>Text</div>

4. useRef

• Для DOM:

  const inputRef = useRef();
  <input ref={inputRef} />;

• Для изменяемых значений (без ререндера):

  const timerId = useRef();
  useEffect(() => {
    timerId.current = setInterval(() => {}, 1000);
  }, []);

5. useMemo / useCallback

• Кеширование значений:

  const filteredList = useMemo(() => (
    list.filter(item => item.price > 100)
  ), [list]);

• Кеширование функций:

  const handleClick = useCallback(() => {
    console.log('Clicked!');
  }, []);