¡Bienvenidos al repositorio de Gentleman Programming! Estoy emocionado de compartir con ustedes un boilerplate completísimo para Angular 18, diseñado para que puedan arrancar sus proyectos con la mejor base posible. 💻🔧

• Angular 18 con Signals, sin usar zone.js
• Bun por defecto, porque a veces menos es más
• Ejemplos prácticos utilizando el nuevo Control Flow de Angular 18 con @if, @for, @let, @defer y @placeholder
• Uso de los nuevos input y output signals
• ngOptimizedImage para optimizar las imágenes
• SSR (Server-Side Rendering) incluido para mejorar la performance y SEO
• Utilizamos inject para inyectar dependencias en vez de usar el constructor tradicional
• Aplicación de conceptos de clean architecture para un proyecto sólido y escalable
• Una mini-aplicación con virtual scroll y carga perezosa
• Configuraciones para que los componentes por defecto utilicen la estrategia OnPush
• ESLint con las configuraciones predilectas para el correcto desarrollo

1. Clona el repositorio:

   git clone https://github.com/Gentleman-Programming/Angular-18-boilerplate

2. Navega al directorio del proyecto:

   cd Angular-18-boilerplate

3. Instala las dependencias:

   bun install

Para iniciar la aplicación en modo desarrollo, ejecuta:

ng serve

• src/app: Contiene los componentes, servicios y módulos principales de la aplicación.
• src/assets: Archivos estáticos como imágenes y estilos.
• src/environments: Configuraciones de entorno para diferentes stages.

Este boilerplate incluye ejemplos prácticos para mostrar cómo utilizar las nuevas características de Angular 18:

• Control Flow: Usando @if, @for, @let, @defer y @placeholder.
• Signals: Ejemplos de input y output signals.
• Inyección de dependencias: Uso del nuevo método inject.
• Optimización de imágenes: Implementación de ngOptimizedImage.
• Virtual Scroll: Ejemplo de carga perezosa con virtual scroll.

¡Las contribuciones son bienvenidas! Si encuentras algún problema o tienes una mejora, por favor abre un issue o un pull request.

Gentleman Programming 👨‍💻✨