Bun soporta archivos .jsx y .tsx fuera de la caja. React funciona simplemente con Bun.

Crea una nueva aplicación React con bun init --react. Esto te da una plantilla con una aplicación React simple y un servidor API simple juntos en una aplicación full-stack.

# Crear una nueva aplicación React
bun init --react

# Ejecutar la aplicación en modo desarrollo
bun dev

# Compilar como un sitio estático para producción
bun run build

# Ejecutar el servidor en producción
bun start

---

Recarga en Caliente

Ejecuta bun dev para iniciar la aplicación en modo desarrollo. Esto iniciará el servidor API y la aplicación React con recarga en caliente.

Aplicación Full-Stack

Ejecuta bun start para iniciar el servidor API y el frontend juntos en un solo proceso.

Sitio Estático

Ejecuta bun run build para compilar la aplicación como un sitio estático. Esto creará un directorio dist con la aplicación compilada y todos los recursos.

├── src/
│   ├── index.tsx       # Punto de entrada del servidor con rutas API
│   ├── frontend.tsx    # Punto de entrada de la aplicación React con HMR
│   ├── App.tsx         # Componente principal de React
│   ├── APITester.tsx   # Componente para probar endpoints de API
│   ├── index.html      # Plantilla HTML
│   ├── index.css       # Estilos
│   └── *.svg           # Recursos estáticos
├── package.json        # Dependencias y scripts
├── tsconfig.json       # Configuración de TypeScript
├── bunfig.toml         # Configuración de Bun
└── bun.lock            # Archivo de bloqueo