Этот урок посвящен useSyncExternalStore – React хук, который решает проблему синхронизации внешних источников данных с React-компонентами.
С появлением в React 18 конкурентного рендеринга, старые подходы к работе с данными из внешних источников перестали работать, так как React теперь может прерывать рендеринг, что приводит к отображению компонентами несогласованных данных.
Хук useSyncExternalStore был создан специально для безопасной работы с внешними источниками данных в конкурентном режиме.
Что вы узнаете:
- Как устроен процесс рендеринга в React
- Какие проблемы решает
useSyncExternalStore - Когда следует использовать
useSyncExternalStore, а когда это избыточно