Nuevos Componentes STANDALONE en Angular. Adiós módulos 😱
ฝัง
- เผยแพร่เมื่อ 14 ต.ค. 2024
- Con los componentes standalone desaparecen los módulos 😱😱
Desde Angular 15.2 se pueden crear componentes standalone, y en la versión 17 de Angular estos serán los componentes que se generarán por defecto.
Comando para migrar a standalone: "ng generate @angular/core:standalone"
más información en: angular.io/gui...
Mis cursos en Udemy:
Angular: Pruebas unitarias con Jasmine y Karma
efisio.dev/cou...
Angular: Pruebas unitarias con Jest
efisio.dev/cou...
Mejora tu código en JavaScript con Programación funcional
efisio.dev/cou...
Sígueme en mis redes sociales para más contenido:
/ efisiodev
/ efisiodev
/ efisiodev
efisio.dev
#angular #standalone #programacion #software #desarrollador
Por fin alguien que explica en condiciones las ventajas de usar standalone.
🙌🏻🙌🏻🙌🏻 Me alegro que te guste! 😄
Angular lo maximo que lelgue fue Angular 13 o 14, me habia acostumbrado a los modulos, y los creaba, pero cuando estaba en Angular 17 tuve unos problemas enormes, no sabia para q estaba standalone, luego simplemente borre los modulos personalizados y hice tal cual en el video y me funciono. Gracias
Me alegro de que le funcionara😄🙌🏻🙌🏻
Saludos!
muchas gracias por tan buena explicacion, instale angular 17 y quede confundido con esos nuevo cambios con tu explicacion me quedo claro
Me alegro que te haya ayudado! 👏🏻🙌🏻🙌🏻
Muy buena explicación y sin vueltas, gracias. Saludos
Muchas gracias, me alegro que le guste 👏🏻👏🏻
Excelente video, y cómo funciona el router?
el mejor video explicativo que he visto hasta ahora, muchas gracias por tu paciencia y dedicación al explicar. Estoy aprendiendo angular y me fue de mucha ayuda :) me suscribo a tu canal
Muchas gracias, me alegra que te guste y ayude 😄🙌🏻
Afortunadamente aprendí angular usando modulos y he aprendido a manejar los standalone, además, es más fácil la carga diferida de componente mediante lazy loading, pero te pregunto algo, en caso de querer hacerlo con módulos en uno que otro proyecto eso sería una mala practica?
Buenas! lo que yo recomiendo es que si el proyecto ya está hecho con módulos se continúe de esta forma, para no mezclar. Pero en caso de proyectos nuevos sin duda lo haría como standalone. Incluso intentaría migrar a standalone el proyecto en caso de usar módulos. Le dejo aquí un vídeo de como migrar el proyecto a standalone: th-cam.com/video/7Vo5f6ennZQ/w-d-xo.html
Muy bueno Bro sigue a si ánimo me gustó tu canal.
Muchas gracias!! 😄😄
Excelente explicación, justo hoy estaba mirando este tema por un error que tengo en mi aplicación y es que al implementar un servicio y en el constructor como parámetro creo mi variable http de tipo HttpClient me genera un error nullpointer excepctiom
Muy preciso, gracias
buen video, muy claro
Muchas gracias! 😄
me ayudó tu explicación, gracias!
Me alegro! De nada 😄
Pero vemos que aun sigue usando el app.module.ts, pero si ahora el proyecto de angular no crea este fichero como seria entonces?
Hola Pedro, justo esta semana he sacado este vídeo, ahí verá más sobre standalone 😄 th-cam.com/video/7Vo5f6ennZQ/w-d-xo.htmlfeature=shared
estoy espesando conangular, alguien sabe coma hacer, cuando haga click en eun boton me muestre un componente.
Pueden haber diferentes enfoques, pero intenta creando una variable booleana, llamémosle: “mostrar” declarada en false, en el archivo .ts en el que estás trabajando. Crea una función llamada “mostrarComponente”, que cambie el valor de la variable mostrar a true. Algo como esto: this.mostrar = true;
Luego, en el template (HTML), agrega el botón. Pon dentro de la etiqueta la suscripción al evento click, algo como esto: (click)=“mostrarComponente()”.
Adicionalmente, debes poner el componente que quieres mostrar la directiva if o la nueva sintaxis if. Sea como sea, la condición debe ser la variable mostrar.
Ejemplo:
@@victoravr10 gracias
Tanta rigidez no tenía sentido con los módulos
Totalmente, muchísimo más sencillo ahora 😄👌🏻
Buena explicación detallada. La migración se puede complicar en una aplicación grande que tenga mucho lío de importaciones en módulos gigantes, el comando para migrar ayuda mucho.
Una duda, si tienes un proyecto nuevo en angular 17 tiene el app.module o donde importo mis módulos conponentizados jaja los nuevos componentes ps...
Buenas! los modulos de lo que hace el app.component se importaría en el app.component directamente, y en caso de necesitar que haya un modulo a nivel global o interceptores esto se podrá hacer en un fichero que tendremos llamado app.config.ts 🙂
muchas gracias por tan buena explicacion, instale angular 17 y quede confundido con esos nuevo cambios con tu explicacion me quedo claro
Me alegro que mi explicación sí le haya ayudado 👏🏻👏🏻