Bun поддерживает файлы .jsx и .tsx из коробки. React просто работает с Bun.

Создайте новое приложение React с помощью bun init --react. Это даст вам шаблон с простым приложением React и простым API сервером вместе в одном полнофункциональном приложении.

# Создать новое приложение React
bun init --react

# Запустить приложение в режиме разработки
bun dev

# Собрать как статический сайт для продакшена
bun run build

# Запустить сервер в продакшене
bun start

---

Горячая перезагрузка

Запустите bun dev для запуска приложения в режиме разработки. Это запустит API сервер и приложение React с горячей перезагрузкой.

Полнофункциональное приложение

Запустите bun start для запуска API сервера и фронтенда вместе в одном процессе.

Статический сайт

Запустите bun run build для сборки приложения как статического сайта. Это создаст директорию dist с собранным приложением и всеми ресурсами.

├── src/
│   ├── index.tsx       # Точка входа сервера с API маршрутами
│   ├── frontend.tsx    # Точка входа React приложения с HMR
│   ├── App.tsx         # Основной компонент React
│   ├── APITester.tsx   # Компонент для тестирования API конечных точек
│   ├── index.html      # HTML шаблон
│   ├── index.css       # Стили
│   └── *.svg           # Статические ресурсы
├── package.json        # Зависимости и скрипты
├── tsconfig.json       # Конфигурация TypeScript
├── bunfig.toml         # Конфигурация Bun
└── bun.lock            # Файл блокировки