Что происходит с написанным кодом

Код проходит несколько этапов перед выполнением в браузере:

1. Транспиляция (если используется Babel/TypeScript) - преобразование современного JS в совместимую версию
2. Бандлинг (Webpack/Rollup) - объединение модулей в один/несколько бандлов
3. Минификация - удаление пробелов, комментариев, сокращение имен переменных
4. Дерево рендеринга - браузер парсит HTML/CSS/JS, строит DOM и CSSOM
5. Выполнение - интерпретация JS движком (V8, SpiderMonkey)

Пример транспиляции:

// Исходный код (ES6)
const greet = (name) => `Hello ${name}`;

// После Babel (ES5)
var greet = function(name) {
  return "Hello ".concat(name);
};