В чем проблема 17 версии React

Ответ

React 17 — это "мостовая" версия, которая не добавляет новых фич, но упрощает постепенный переход на React 18. Основные изменения:

  1. Новый JSX Transform — автоматически импортирует jsx из React, уменьшая размер бандла.
  2. Изменения в Event Delegation — события теперь привязываются к корню рендера, а не document, что улучшает интеграцию с другими библиотеками.
  3. Устранение предупреждений — например, для UNSAFE_ методов.

Пример нового JSX:

// До React 17
import React from 'react';
function App() { return <h1>Hello</h1>; }

// После React 17 (не требует импорта React)
function App() { return <h1>Hello</h1>; }

Проблемы:

  • Может сломать кастомные решения, зависящие от старой системы событий.
  • Требует обновления инструментов (Babel, ESLint) для поддержки нового JSX.