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

Для оптимизации рендеринга в React используйте: 1. **React.memo** – мемоизирует компонент, предотвращая лишние ререндеры при неизменных пропсах: ```jsx const MemoComponent = React.memo(function MyComponent({ prop }) { return ; }); ``` 2. **useMemo/useCallback** – кешируйте вычисления и колбэки: ```jsx const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]); const memoizedCallback = useCallback(() => doSomething(a, b), [a, b]); ``` 3. **Разделение состояния** – выносите часто изменяемое состояние в отдельные компоненты. 4. **shouldComponentUpdate** (для классов) – ручное управление ререндерами. 5. **Виртуализация** (react-window) для длинных списков. 6. **Оптимизация контекста** – разделяйте контексты или используйте селекторы (use-context-selector). Ключевое правило: измеряйте производительность (React DevTools Profiler) перед оптимизацией.