Как собираются React приложения

React-приложения собираются с помощью инструментов сборки, таких как Webpack, Vite или Parcel. Основные этапы сборки:

1. Транспиляция – Babel преобразует JSX и современный JavaScript в код, понятный браузерам.
2. Бандлинг – Webpack (или другой инструмент) объединяет модули в один или несколько бандлов.
3. Оптимизация – минификация, удаление неиспользуемого кода (tree-shaking), разделение кода (code-splitting).

Пример конфигурации Webpack для React:

module.exports = {
  entry: './src/index.js',
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /node_modules/,
        use: ['babel-loader'],
      },
    ],
  },
  // ...
};

Современные фреймворки (Create React App, Next.js) скрывают сложность настройки, предоставляя готовые решения.