Какие знаешь хуки из React 18

• useState: управление состоянием компонента.

  jsx

  Копировать

  const [count, setCount] = useState(0);

• useEffect: выполнение побочных эффектов (запросы, подписки).

  jsx

  Копировать

  useEffect(() => { fetchData(); }, [deps]);

• useContext: доступ к контексту без пропсов.

  jsx

  Копировать

  const theme = useContext(ThemeContext);

• useReducer: альтернатива useState для сложного состояния.

  jsx

  Копировать

  const [state, dispatch] = useReducer(reducer, initialState);

• useMemo: мемоизация вычислений.

  jsx

  Копировать

  const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);

• useCallback: мемоизация функций.

  jsx

  Копировать

  const memoizedCallback = useCallback(() => { doSomething(a, b); }, [a, b]);

• useRef: доступ к DOM или хранение мутируемого значения.

  jsx

  Копировать

  const inputRef = useRef(null);

• useLayoutEffect: аналог useEffect, но синхронно после рендера.

• useTransition: для отложенных обновлений (Concurrent Mode).

  jsx

  Копировать

  const [isPending, startTransition] = useTransition();

• useDeferredValue: отложенное обновление значения (оптимизация).

  jsx

  Копировать

  const deferredValue = useDeferredValue(value);

• useId: генерация уникальных ID.

  jsx

  Копировать

  const id = useId();

React 18 также добавил хуки для Suspense (useSyncExternalStore, useInsertionEffect).