Lazy loading de componentes en Angular 17, como usar el nuevo @defer en detalle!

No video

Lazy loading de componentes en Angular 17, como usar el nuevo @defer en detalle!

Рет қаралды 3,240

8 ай бұрын

Una de las principales novedades que nos ha traído esta nueva versión de Angular 17 es la carga diferida de componentes dentro de las plantillas, el lazy loading que vienen usando para las rutas pero ahora más específico, también para componentes, lo que nos ayuda mucho con los tiempos de carga de nuestra aplicación.

Пікірлер: 18

@rrrealpe2932 Ай бұрын

Hola Antonio, felicitaciones por tu excelente contenido. Tengo una sugerencia: hacer un video explicando como utilizar lazy loading con standalone components con children. Es decir rutas padre que cargan de forma perezosa rutas hijas solo cuando estas son utilizadas. Es una estructura muy común en las app y existe poca o casi ninguna documentación o material sobre ese tema en español. Un cordial saludo.

@marcosjrs 7 ай бұрын

Totalmente de acuerdo con tu conclusión con respecto a los módulos, para mí la estructura base de Angular es uno de sus beneficios con respecto a otros frameworks,...de hecho parece como si se quisieran cargar cosas precisamente para parecerse a otros "frameworks" ( ya me entendéis lo de las comillas... ;) )

@jeisonsalazar71 8 ай бұрын

Gracias, excelente

@code1866 7 ай бұрын

Genial!! ❤ Estaria muy bien un video sobre estructura de proyectos escalables pero con la nueva version y con los standalone 🎉

@fullstackoficial 7 ай бұрын

Hola! Antes de nada gracias por comentar, y si, ya estoy trabajando en eso, espero poder grabar un vídeo dentro de no mucho porque aún estoy dándole vueltas yo al tema para encontrar una manera aún más sencilla de estructurar un proyecto con angular 17

@code1866 7 ай бұрын

@@fullstackoficial muchas gracias!!

@enricsabate 8 ай бұрын

Video 🔝

@carlosandresceronsantacruz8396 7 ай бұрын

Muy bueno se agradece el contenido relacionado con Angular, queria clarificar algo On Idle no es carga inmediata, esta mas relacionado con el estado inactivo del navegador. 🙂

@fullstackoficial 7 ай бұрын

Totalmente cierto, si lo he dicho así me he confundido, gracias por comentar!

@tecnotutoriales4230 4 ай бұрын

Esto son Plus de angular para darnos mucha mas flexibilidad en nuestros proyectos, pero no significa que se dejará de lado los módulos, se pueden combinar componentes standalone con modulos, y eso le da más poder aun.

@arozendojr 6 ай бұрын

Do you know how to do unit testing with jest in router.ts when we use lazyload on routes?

@alejandrosanchez2410 6 ай бұрын

Hola Antonio, me gustan mucho tus videos y de la forma en la que los haces, ahora mismo me encuentro un poco atascado con mi aplicacion de angular ya que con la version 16 de Angular ha dejado de funcionar(con la 15, si funcionaba) y el error es relacionado con el SocketIO, se queja de recursos insuficientes, pero no se donde exactamente, alguna idea de donde poder mirar? Gracias!!!

@fullstackoficial 6 ай бұрын

Ups, con esa información no sabría muy bien qué decirte, lo primero es actualizar también esa librería, ese error de recursos insuficientes, te da también en local? De todos modos, gracias por comentar!

@alejandrosanchez2410 6 ай бұрын

@@fullstackoficial si,es en local, es pasar de angular 15 a angular 16 y empieza a fallar :(

@sa1dkl 3 ай бұрын

Buen trabajo, como se llama la extensión que usas para a completar el placeholder

@fullstackoficial 2 ай бұрын

No es una extensión, es una app que se llama text expander

7 ай бұрын

sería interesante ver como modular con angelar 17

@fullstackoficial 7 ай бұрын

Pues la verdad es que si, justo estoy trabajando en ello porque han cambiado varias cosas con los standalone por defecto y estoy modificando la estructura para adaptarla a Angular17, probablemente hablar video de eso pronto, gracias por comentar!