Перейти к содержанию

Обзор React API

Помимо хуков и компонентов, пакет react экспортирует ещё несколько API, полезных для определения компонентов. На этой странице перечислены все оставшиеся современные API React.

  • createContext позволяет определить контекст и предоставить его дочерним компонентам. Используется вместе с useContext.
  • lazy позволяет отложить загрузку кода компонента до его первого отображения.
  • memo позволяет компоненту пропускать повторные рендеры с теми же пропсами. Используется с useMemo и useCallback.
  • startTransition позволяет пометить обновление состояния как несрочное. Аналогично useTransition.
  • addTransitionType позволяет указать причину перехода. Используется с startTransition и <ViewTransition>.
  • act позволяет обернуть рендеринг и взаимодействия в тестах, чтобы обновления применились до проверок.
  • cache позволяет кэшировать результат запроса данных или вычисления.
  • cacheSignal позволяет узнать, когда время жизни cache() закончилось.
  • captureOwnerStack в режиме разработки читает текущий стек владельцев и возвращает его строкой, если он доступен.

API ресурсов

Ресурсы доступны компоненту, даже если они не являются частью его состояния. Например, компонент может прочитать сообщение из промиса или информацию о стиле из контекста.

Эти виды ресурсов можно передать в use:

  • Промис, чтобы прочитать его значение после выполнения.
  • Контекст, чтобы прочитать его значение.
  • Значение, которое возвращает browser, чтобы пометить компонент как доступный только в браузере во время серверного рендеринга.
1
2
3
4
5
6
function MessageComponent({ messagePromise }) {
    const message = use(messagePromise);
    const theme = use(ThemeContext);
    use(browser());
    // ...
}

Источник — https://react.dev/reference/react/apis

Комментарии