> Какие техники кэширования существуют в React (React)

В React существует несколько ключевых техник кэширования, которые помогают оптимизировать производительность и избежать повторных вычислений или запросов.

1. React.memo - кэширует результат рендеринга компонента на основе пропсов. Если пропсы не изменились (поверхностное сравнение), React использует предыдущий результат, избегая повторного рендеринга.

2. useMemo - кэширует результат дорогостоящих вычислений. Зависимости передаются вторым аргументом; пока они не изменятся, возвращается закешированное значение.

3. useCallback - кэширует саму функцию, предотвращая её пересоздание при каждом рендере. Полезно для передачи стабильных ссылок на функции в дочерние компоненты, особенно в сочетании с React.memo.

4. Кэширование данных (React Query / SWR) - библиотеки, такие как React Query (TanStack Query) или SWR, автоматически кэшируют результаты API-запросов, управляют временем жизни кэша, повторными запросами и синхронизацией.

5. Context + useMemo - кэширование значений в контексте, чтобы избежать лишних ререндеров подписчиков при изменении только части данных.

6. Lazy loading и React.lazy - кэширование загруженных модулей компонентов, чтобы не загружать их повторно.

7. Собственные решения с Map/WeakMap - например, кэширование результатов сложных вычислений или трансформаций данных в хуках с помощью useRef для хранения кэша.

Важно помнить, что кэширование не всегда оправдано - его стоит применять только при реальных проблемах производительности, так как оно добавляет сложность и потребление памяти.