Что такое Babel и где его используют

Babel - это транспайлер, который переписывает код современного стандарта Javascript (ES2015) на более поздний. 

Транспайлер - это программа, позволяющая менять исходный код одной программы на эквивалентный исходный код на другом языке. В случае с Babel, он переписывает современный Javascript на старый. 

Где и зачем используют Babel

Babel это не просто транспайлер, это лучший друг разработчика. ECMA International, пока что, выпускает обновления языка Javascript каждый год. В связи с этим, у разработчиков появляются новые возможности: более короткий синтаксис, стрелочные функции, промисы и.т.д. 

Соответственно, не все современные браузеры могут или хотят идти в ногу с этими изменениями. А еще, к этому прибавляем старые браузеры, которые больше никогда не обновятся. Но их все равно пока используют, привет Internet Explorer.  

Вот здесь и нужен Babel. Он помогает не ждать обновлений браузеров, а сразу использовать всю мощь современных стандартов Javascript.

Используют Babel вместе с различными сборщиками проектов: webpack и gulp, устанавливая необходимый “функционал” с помощью менеджера пакетов NPM. Сам NPM входит в состав Node.js. 

Единственный минус Babel (для меня), это слишком сильное видоизменение изначального кода. Обычно, такое можно прочитать с большим трудом.

 После использования Babel.

В целом, вы и так сможете писать нормально работающий код на всех современных браузерах без использования Babel. Например, сегодняшний Safari и Google Chrome уже поддерживают ES2015 Javascript. Поэтому иногда можно обойтись без использования Babel. Естественно, если вам не сильно важно будет ли работать код в старых браузерах.