Зачем нужна мемоизация в React

Мемоизация в React используется для оптимизации производительности, предотвращая избыточные вычисления и ререндеры компонентов. Она особенно полезна при: 1. **Дорогих вычислениях** – кеширует результат функции, чтобы не считать заново при одинаковых входных данных. 2. **Реактивных компонентах** – избегает лишних рендеров дочерних компонентов, если пропсы не изменились. Основные инструменты: - `React.memo` – мемоизирует компонент, предотвращая ререндер при неизменных пропсах. - `useMemo` – кеширует результат вычислений между рендерами. - `useCallback` – сохраняет ссылку на функцию, чтобы не создавать её заново. Пример: ```jsx const ExpensiveComponent = React.memo(({ data }) => { const processedData = useMemo(() => expensiveCalculation(data), [data]); return ; }); ``` Важно: не злоупотреблять мемоизацией, так как она сама потребляет память и вычислительные ресурсы.