Что такое hook useSyncExternalStore

useSyncExternalStore — это хук React для подписки на внешние хранилища данных (например, Redux, Zustand, MobX) и синхронизации их состояния с компонентом.

Особенности:

• Подходит для интеграции с не-React хранилищами.
• Автоматически обрабатывает подписку/отписку при монтировании/размонтировании.
• Оптимизирует рендеринг, избегая лишних обновлений.

Пример:

import { useSyncExternalStore } from 'react';

function useCustomStore(store) {
  return useSyncExternalStore(
    (callback) => store.subscribe(callback), // Подписка
    () => store.getState()                  // Получение текущего состояния
  );
}

// Использование
const state = useCustomStore(myExternalStore);

Когда использовать:

• При работе с legacy или сторонними хранилищами.
• Если нужно избежать лишних ререндеров.