Vertel me over optimalisaties in React. Waarom is React beter in vergelijking met puur JavaScript?

React оптимизирован для эффективного обновления UI за счёт виртуального DOM — это абстракция реального DOM, которая позволяет минимизировать операции с ним, обновляя только изменённые части.

Основные оптимизации в React:

• Мемоизация компонентов с помощью React.memo, чтобы избежать ненужных перерисовок.
• Использование хуков useCallback и useMemo для кеширования функций и вычислений.
• Разбиение приложения на мелкие компоненты для локального обновления.
• Ленивый импорт (React.lazy) для загрузки компонентов по требованию.

Преимущества React по сравнению с чистым JavaScript:

• Декларативный подход упрощает описание UI.
• Управление состоянием и жизненным циклом компонентов.
• Большая экосистема и поддержка.
• Кросс-платформенность (React Native).

Пример мемоизации компонента:

const MyComponent = React.memo(({ value }) => {
  console.log('Render');
  return <div>{value}</div>;
});