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

Question

Основные хуки:useState — хранение состояния компонента.useEffect — побочные эффекты (запросы, подписки).useContext — доступ к контексту без пропсов.useRef — ссылки на DOM или изменяемые значения.useMemo / useCallback — оптимизация вычислений и функций.

YeaHub · Accepted Answer

1. useStateУправление состоянием компонента.const [count, setCount] = useState(0); 2. useEffectДля запросов, таймеров, подписок.useEffect(() => { fetchData().then(data => setData(data)); return () => { /* Очистка (например, отмена запроса) */ }; }, [deps]);3. useContextДоступ к глобальным данным (тема, авторизация).const theme = useContext(ThemeContext);

Text

4. useRefДля DOM:const inputRef = useRef(); ;Для изменяемых значений (без ререндера):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!'); }, []);