Как оптимизировать ререндер в React

Используйте `React.memo` для мемоизации компонентов, чтобы избежать лишних ререндеров при неизменных пропсах. ```jsx const MemoizedComponent = React.memo(({ data }) => { return ; }); ``` Применяйте `useMemo` и `useCallback` для кеширования значений и функций: ```jsx const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]); const memoizedCallback = useCallback(() => doSomething(a, b), [a, b]); ``` Разделяйте состояние на мелкие части, чтобы изменения затрагивали только нужные компоненты. Для списков используйте `key` с уникальными стабильными значениями (не индексы!). ```jsx {items.map(item => ( ))} ``` Избегайте вложенных компонентов в render, так как они создаются заново при каждом обновлении.