Skip to content

Gentleman-Programming/Angular-18-boilerplate

Repository files navigation

Angular 18 Boilerplate 🚀

¡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. 💻🔧

Características

  • 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

Instalación

  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

Uso

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

ng serve

Ejemplos de Uso

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.

Contribuciones

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

Autor

Gentleman Programming 👨‍💻✨

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published