ProductPromotion
Logo

Angular.JS

made by https://0x3d.site

GitHub - Gentleman-Programming/Angular-18-boilerplate
Contribute to Gentleman-Programming/Angular-18-boilerplate development by creating an account on GitHub.
Visit Site

GitHub - Gentleman-Programming/Angular-18-boilerplate

GitHub - Gentleman-Programming/Angular-18-boilerplate

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 👨‍💻✨

More Resources
to explore the angular.

mail [email protected] to add your project or resources here 🔥.

Related Articles
to learn about angular.

FAQ's
to learn more about Angular JS.

mail [email protected] to add more queries here 🔍.

More Sites
to check out once you're finished browsing here.

0x3d
https://www.0x3d.site/
0x3d is designed for aggregating information.
NodeJS
https://nodejs.0x3d.site/
NodeJS Online Directory
Cross Platform
https://cross-platform.0x3d.site/
Cross Platform Online Directory
Open Source
https://open-source.0x3d.site/
Open Source Online Directory
Analytics
https://analytics.0x3d.site/
Analytics Online Directory
JavaScript
https://javascript.0x3d.site/
JavaScript Online Directory
GoLang
https://golang.0x3d.site/
GoLang Online Directory
Python
https://python.0x3d.site/
Python Online Directory
Swift
https://swift.0x3d.site/
Swift Online Directory
Rust
https://rust.0x3d.site/
Rust Online Directory
Scala
https://scala.0x3d.site/
Scala Online Directory
Ruby
https://ruby.0x3d.site/
Ruby Online Directory
Clojure
https://clojure.0x3d.site/
Clojure Online Directory
Elixir
https://elixir.0x3d.site/
Elixir Online Directory
Elm
https://elm.0x3d.site/
Elm Online Directory
Lua
https://lua.0x3d.site/
Lua Online Directory
C Programming
https://c-programming.0x3d.site/
C Programming Online Directory
C++ Programming
https://cpp-programming.0x3d.site/
C++ Programming Online Directory
R Programming
https://r-programming.0x3d.site/
R Programming Online Directory
Perl
https://perl.0x3d.site/
Perl Online Directory
Java
https://java.0x3d.site/
Java Online Directory
Kotlin
https://kotlin.0x3d.site/
Kotlin Online Directory
PHP
https://php.0x3d.site/
PHP Online Directory
React JS
https://react.0x3d.site/
React JS Online Directory
Angular
https://angular.0x3d.site/
Angular JS Online Directory