Зачем нужен Babel

Babel — это транспайлер, который преобразует современный JavaScript (ES6+) в код, совместимый со старыми браузерами. Он позволяет использовать новые фичи языка (например, стрелочные функции, async/await, деструктуризацию), не беспокоясь о поддержке.

Основные функции:

• Преобразует новый синтаксис в ES5.
• Добавляет полифилы для отсутствующих методов (например, Array.includes).
• Работает с JSX (превращает его в React.createElement).

Пример настройки в babel.config.json:

{
  "presets": ["@babel/preset-env", "@babel/preset-react"],
  "plugins": ["@babel/plugin-proposal-class-properties"]
}

Без Babel пришлось бы писать менее читаемый код или отказываться от современных возможностей.