Angular Moderno: Aplicaciones sin módulos
HTML-код
- Опубликовано: 30 июл 2024
- #angular
En este video, vamos a hacer la migración de una aplicación de Angular que utiliza módulos a una versión más moderna que propone eliminar los módulos por completo. Comenzamos con una aplicación modularizada en la que cada funcionalidad está encapsulada en un módulo, como el módulo de autenticación, el módulo de dashboard, el módulo de productos, etc. Sin embargo, en las versiones futuras de Angular, se propone desarrollar aplicaciones sin módulos, importando solo lo que se necesita en cada componente.
00:00 Introducción
00:33 Proyectó base y módulos actuales
03:23 Viendo el código
06:00 Convirtiendo todos los componentes a standalone
09:43 Removiendo módulos innecesarios
11:30 Cambiando el Bootstrapping
14:22 Migrando rutas
25:11 App Config
29:21 Bug con MatSnabar
32:04 Probando la app
33:56 Resolviendo bug con el toggle
35:44 Probando en producción con Firebase Hosting
36:41 Conclusiones
😀 Mis cursos
platzi.com/teachers/nicobytes/
Puedes apoyar este canal, invitandome un cafe ☕www.buymeacoffee.com/nicobytes
🌐 Mis redes
Instagram: / nicobytes
Twitter: / nicobytes
Github: github.com/nicobytes
Facebook: nicobytes
WebSite: nicobytes.com - Наука
Excelente y un plus fué agregar los cambios manuales de rutas y configuración, muchas gracias.
NICOBYTES!!!! Muchas gracias por compartir.
Gracias!! Excelente explicación!!!
Excelentes practicas, me gustarían los cursos de Angular 16 desde 0, producto 100 % colombiano que viva mi 🇨🇴 🇨🇴 🇨🇴 🇨🇴 🇨🇴 🇨🇴
Grande nico muchas gracias amigo
Muchas gracias!!, me ayudo mucho
Excelente video!!!! Pan comido con esta explicación, literal!
Genial Video!
Hola buenas noches, quería preguntarte nico en que video o curso haces la aplicación, es decir el proyecto base que tomas para convertir los componentes a standalone ?
que buena explicacion, gracias bruh
Muchas gracias!!!
Grande Nico
Excelente
Como funcionara ahora la injeccion de dependencias? con los modulos podemos hacer que un modulo no comparta los mismo valores de una injeccion con otros modulos, hay algo para hacer esto utilizando standalone?
eso de tener todo en el @Component tus import que necesitas ¿? what te vas a llevar de una cabecera grande por cada ponente yo pensaba que lo hacia de manera implicita pero si no le pones tu directiva no funka solo quito un archivo para meterlo en otro
Y si mi proyecto usara Angular Universal con lazy loading, sería igual? Gracias
Gracias!! Este contenido esta en tu curso de platzi?
Genial como siempre @nicobytes. Gracias!
Podrias hacer un video explicando alternativas a ::ng-deep cuando tienes que editar CSS.
Cuales son las mejores practicas, o q aconsejas tu a la hora de utilizar ::ng-deep? Hay muchas opiniones, y segun Angular deprecado pero a veces no tienes otra solucion.
Sería genial un buen video de todo eso. GRACIAS!!
Puedes usar el ViewEncapsulation.None en el TS. Lo declaras en el decorador del @Component, puedes leer un poco alrespecto
Este proyecto lo hiciste en la clases de platzi o estan en el canal ?
Tengo una duda, con los proyectos con módulos federados también aplica ?
Si, puedes usar standalone components con module federate👍
Hola nico, pregunta, crees que angular busque eliminar los modulos por completo del framework? entendiendo que angular maneja retrocompatibilidad, crees que en un futuro una mala practica sera usar los modulos?
Angular va a manejar la retrocompatibilidad pero en futuras versiones creo lo van ir quitando, dando tiempo a la comunidad a que migre ahi
@@nicobytes si creo hoy una app desde cero, es recomendable ya empezarla sin modulos? o en que casos deberia seguir usando modulos? saludos!
En el video no soluciona la pagina/modulo de dashboard… 😒
Ahora solo falta hacer una aplicación con full standalone components
Nico. ¿Cómo se debería llamar la carpeta ?
yo lo dejaría igual, es decir el mismo concepto de organizar la app
Muchas gracias @@nicobytes
Nico ¿Cómo podría crear una nueva app sin módulos?
npx -p @angular/cli@16 ng new --standalone {name}
Necesito sus superpoderes 😊
A mí no me gusta angula eso un cambio de versión es totalmente diferente y la la que hay ya no funciona