Angular - LazyLoad - Cargar módulos y rutas de forma perezosa

Mi sitio web con mis cursos:
fernando-herre...
Repositorio del proyecto hecho en el video:
github.com/Kle...

[@VictorAlcantara2020]

@Fernando Herrera !! crack!! de cracks!!! Justo lo que necesitaba!!!

[@gaelochante1724]

excelente estructura para trabajar mas ordenado y limpio

[@cuencadev]

Justo ayer buscaba un tutorial así, y como siempre, de manera oportuna, nos los ofreces gratis. Gracias Fernando, un feliz año nuevo.

[@raulrojas6552]

si no has estudiado un rato Angular puede que te hable en otro idioma, pero es lo mejor explicado que se puede

[@davidandresgarzonsanchez]

Buenisima explicación, valioso contenido el que haces. Muchs gracias.

[@danypop9875]

Este video es dinamita pura !!

[@jhonathangrueso1499]

excelente no sabia como organizar los proyectos ya que soy nuevo en esto

[@crissanchez1251]

Excelente, se agradece el contenido

[@ArturoHerreraVargas]

Demasiado claro el tema... muchas gracias

[@TheZemarko]

Es realmente increible la pedagogía que tenés. Excelente manera de enseñar. Gracias.

[@ladimirobaquero6149]

Gracias fernando por compartir tus conocimientos a la comunidad 👍

[@devipa]

Me encantan tus contenidos... imposible no entenderte. Gracias por compartir tus conocimientos. Bendiciones desde Buenaventura - Colombia

[@tonnyfranciscomaestrepercy1708]

Mi hermano excelente su explicación, además sabe dar en el punto que tenemos mas dificultad los que estamos empezando en el mundo de la programación y queremos hacer las cosas bien. Felicitaciones y que Dios te siga bendiciendo con ese don.

[@gustavoadolforestrepogil3246]

Excelente explicación, me gusta mucho esta forma de cargar módulos, mejora mucho el performance.

[@bryanherreradev8055]

Gracias a ti alfin entendi esto, se me hacia muchas bolas con la docu, ¡AGRADECIDO CONTIGO AL MIL! .

[@CarlosGarcia-lq2jt]

Realicé un curso de angular tuyo en Udemy y me encanto, aprendí una barbaridad. Excelente comunicador Fernando, gracias!!

[@freddyarriagacruz8987]

que buena explicación, no una y dos veces, sino 3 veces, por si uno no capta a la primera!! genial!!!

[@leonardorojas3585]

Muchas Gracias, super práctico, pero muy importante también nos hace ver la razón de las cosas, excelente.

[@dfmf1982]

Uyyy fernando otro curso de angular espero que sea mas avanzado danos la primisia de que llevara porque al no mas salir lo compro soy fiel a tus cursos Saludos,

[@johnnyrosero1409]

Fernando es un demente cuando se trata de Angular, por eso tengo varios cursos comprados en Udemy. Excelente maestro. Por cierto ya he ganado unos cuantos miles de dólares gracias a él.

[@hanckock867]

la mejor explicación del mejor de Udemy, espero un curso tuyo de react native, ojalá lo sacaras pronto

[@maurowasil3744]

Muy bueno, super claro! Gracias

[@diego199319931]

Excelente método de enseñanza, gracias por tus conocimientos y explicación sencilla

[@farneyjimenez]

Muchas Gracias Fer 😀😀👏🏽👏🏽👏🏽👏🏽👏🏽👏🏽

[@antonellavalentinacamargor9152]

Por fin Fernando Herrera te encontré 🙂 explicas expectacular

[@lstrumer]

por fin una explicación de los módulos coherente, gracias

[@christiandavidosoriochacon7833]

El mejor profesor!

[@linocsar]

Gracias Fernando por tus videos, apoyando siempre a la comunidad, Felcidades espero comprar un curso más adelante un curso avanzado de angular.

[@alexisarnauda]

Muchas gracias profesor, de esta manera queda todo muy organizado.

[@christiancarranza7363]

Muchas gracias profesor, llevaba horas tratando de entender un proyecto que usaba LazyLoad. De aquí me voy directo a comprar su curso de angular

[@pedromorel5614]

Dale que Fernando Herrera es excelente.

[@JulyKarr]

Muchas gracias buen video profe Fernando!!!

[@cristianmorales7147]

Necesitaba esto!!!!!!!! Muchas gracias como siempre fernando!!

[@SrEquixs]

Muchas gracias Fernando, es una garantía de aprender contigo

[@j.gilbertoromero2761]

No podría ser mejor explicado, acabas de hacerme el día, gracias

[@eduardoleon9565]

Muchas gracias por la explicación crack!

[@edgardomolinagonzalez3121]

Master, hay un problema con el flex layout ya que fue descontinuado, en el curso de Angular en la sección de Angular con Material, sería bueno una actualización también para abarcar Angular 15, ha introducido componentes independientes, un diferente sistema de rutas y tipado de formularios como temas principales entre otros. Espero sirva mi retroalimentación, saludos profe y feliz año.

[@estebanhugosomma3012]

Fernando!!! Clarísimo todo!!! Estoy haciendo tu curso de angular de 0 a experto en Udemy (impecable) y me sirvió para reforzar el tema de los módulo, rutas y lazy. ¿Para cuando un curso tuyo de algoritmos?... hay un montón pero es bastante complejo el tema y un curso de esto explicado por ti sería genial!!!! Estan de moda estos cursos porque para aplicar en empresas grandes (MS, GG, AMS, FB, etc) te toman examen de algoritmos. Un abrazo de Argentina.

[@danielnavarro8758]

Uno de los mejores profesores del mundoo.. Feliz año nuevo..

[@tecomAGS]

excelente video Fernando

[@jebarcha]

Gracias Fernando. Bastante util, ya tengo varios cursos tuyos de angular y otros jeje, en lo particular me sirvio mucho de repaso ahorita que estoy en stand by o en dias sabaticos como programador jaja mientras me sigo preparando para nuevo proyecto de desarrollo. Saludos ;)

[@CanalRubi]

jajajajaja que despedida!! gracias querido profe, información demasiada útil!!

[@diegobuezo17]

Como siempre muy excelentes explicaciones y cursos

[@rodolfovizcay7113]

Gracias Fernando el video justo que estaba buscando. muy bien explicado :).

[@axelltejada6265]

Excelente explicación sobre carga perezosa

[@salomoncancholaespinoza6392]

Excelente video.

[@Orphen86]

Muchas gracias, Excelente

[@araxxdj]

Grandioso Tutorial bro! Brutal Sigue así!

[@burgasdragonheirsilentgods]

Nice example and video !

[@milosnia]

Muy bueno Fernando! como siempre muy útiles tus videos!

[@ElBarbaroDev]

Crack!

[@memoriasdeunaprendiz]

Excelente Fer Mejor explicado imposible!

[@djjpp98]

Excelente explicación, muchísimas gracias.

[@livanramos6804]

Es una lástima que desde cuba no pueda adquirir tus cursos. Pero eso no me detiene y no me pierdo un video tuyo en KZbin el de cuanto cobrar como desarrollador es el que más he reproducido

[@YeisonDev]

Para mí es la mejor manera de cargar módulos, y si se hace una buena estructura por módulos queda excelente, creo que escuché esta frase de uno de los desarrolladores de angular, decía que el usuario debería esperar por lo que quiere obtener

[@franciscoberrocal700]

Excelente, muy buena explicación. Saludos.

[@juanetehOK]

muy bueno, justo lo q buacaba

[@kim_lulu]

gracias explicas bien

[@carlosgaleano4140]

¡Buen tutorial Fernando!

[@user-cv8rv6rz7i]

excelente!

[@hectorge753]

Muchas gracias y felicidades, qué video tan ilustrativo :) entonces el lazy ya viene como default, la magia está en manejar todo como módulos, cierto?

[@nietoroger]

Excelente ejemplo.

[@sr.bolita2332]

Bendito angel dios te bendiga :,v

[@LuisSanchez-sy4rp]

Q-U-E C-A-P-O!!!!

[@jhonatanjaraba5822]

Les recomiendo su curso de angular sobre socket

[@pipe201196]

Bravo

[@mirolrc6941]

hola,te amo gracias

[@morenfts531]

gracias

[@Andres-qi5wd]

Buena master

[@oscarortiz9581]

Muchas gracias!!

[@S4MBENTZ]

gracias crack

[@livanramos6804]

Gracias

[@juanmendez1563]

Buen video

[@AlexanderMontoya-jq7ss]

Genial

[@2667Danny]

Saludos Fernando tengo todos tus cursos de udemy espero que puedas actualizar el de angular avanzado

[@alejandromartinez-gj4tm]

Estoy por compar el curso de angular, me recomiendan hacerlo, o esperar a que salga el nuevo. Por otro lado quisiera saber si ya hay fecha de lanzamiento. Excelentes videos, muchísimas gracias.

[@chr1so]

Puedes hacer lazy loading the components por ejemplo en un tab? Sin necesidad de usar el router outlet.

[@eltirad0]

Una pregunta supongamos que tenemos un SharedModule donde se exportan todos los módulos de PrimeNG y Angular Material para no tener que importarlos en cada modulo de cada pantalla de la app, si estamos trabajando con LazyLoad ¿Cada vez que se cambia de Module/Route va a volver a descargar todo ese SharedModule en el navegador en cada pantalla que el usuario va navegando o solo se descarga la primera vez y ya después ya no los descarga o simplemente va descargando los modules del SharedModule que se van ocupando? espero haberme entendido con mi pregunta, es que me preocupa el performance de mi app, e hice lo anteriormente descrito

[@josegarcia-hb7zl]

buenas noches fernando podrias hacer un video del uso de intersectionObserver en angular y si funciona o no para dispositivos mobiles???

[@alejandrofernandez1201]

Muy bueno! me sirvió para entender el ruteo entre módulos, de todas formas algo me quedó muy claro, por defecto carga de forma perezosa? o en qué momento configuraste eso?

[@ErvinFlota]

Gran Maestro excelente video, Fernando tendrás algún curso de angular + net core + sqlserver

[@alfredogrullon4652]

Excelente Video

[@PetrikovScience]

El routing de ionic ya viene por defecto con lazy loading por lo que veo no? muy buen video, gracias por tu dedicación

[@robertschroeder9398]

Hola Fernando, estaría bueno el video de como hacer una app con diferentes templates, me toco hacer eso, la parte publica con un template y la parte de los mantenimientos con otro template y me costo mucho solucionarlo, me gustaría ver tu solución que seguro es mas eficiente.

[@j.jordandavilaterrones4560]

Excelente video Fernando, por favor me puedes indicar ¿Que tipo de font family estas utilizando para el vscode y de que manera instalarlo?. Gracias.

[@antonioubedamontero2927]

Hola @Fernando Herrera. Hice tu curso de Angular avanzado y tengo dos dudas con este video: 1) Por qué en los modulos (por ejemplo en el AuthModule) no se exportan sus componentes? Es decir, como va a tener acceso el AppModule a esos componentes si no son accesibles fuera del AuthModule. 2) Por qué no utilizas aquí lo de poner un pages para poner todas las rutas protegidas? Es mejor hacerlo con pages o como indicas en este video? Muchas gracias de antemano.

[@ysacpebes1462]

GRACIAS :)

[@oscarreno1]

Está muy claro. Ahora tengo una pregunta. ¿Se pueden "lazy-load" componentes (pages)? O solo aplica para módulos completos.

[@abelacevedo4249]

Hola y si quiero agregar shareds lo puedo meter adentro de cada modulo, osea una carpeta shared para cada modulo?

[@colommbiano]

Maestro un video asi usando React LazyLoad rutas para React

[@marcelodecastro8984]

Hola fernando , muy bueno tu tutorial , he realizado mi sito con ionic y el angular routing pero no funciona cuando lo paso a un servidor productivo usando "ionic build --prod", alguna idea de por que sucede esto? Gracias

[@jolugama]

aunque tarde.... pero se agradece

[@thekingwars]

Yo intento todo lo que mencionas, y en cierto modo las rutas sirven, y tienen un comportamiento igual al de tu video, pero en el network no veo el modulo en el que ando manejando el routing... No sé si estara funcionando.

[@gustavomartinez9371]

Hola Fernando, con esta configuración como puedo usar un service en varios módulos? yo tengo auth en un modulo y mi header que es global en otro y quiero acceder al auth service para obtener los datos del usuario, correo y nombre.

[@joseguerra5393]

Excelente explicación muchas . Pero yo estoy teniendo un problema cuando ya decido compilar para producción, recibo el siguiente error ( ERROR Error: Uncaught (in promise): ChunkLoadError: Loading chunk 186 failed). Pd. En modo prueba funciona todo correcto. Necesito su ayuda por favor. Muchas Gracias !!

[@emersonperalesvillanueva8568]

no entendí el lazy load :c solo la estrucutración de modulos :'u

[@fabianrr]

Hola Fernando, cuales cursos es que le sigue a "ANGULAR: DE CERO A EXPERTO CREANDO APLICACIONES" y "REACT: DE CERO A EXPERTO ( HOOKS Y MERN )" Seria como la ruta de estudio.

[@btandayamo]

No intententes abarcar todo en uno, elige uno (angular, react, o el q sea) dominalo crea proyectos simples, avanzados y luego si aun quieres muévete a otro

[@madtin]

Mejor crear un módulo por cada vista no?

[@JoseLuis-sr4xw]

hola, a veri si alguien me puede ayudar, he creado la carpeta auth y dentro la carpeta pages y components, despues he creado los componentes register, login y forgotten dentro de pages y components, con la idea de hacer por ejemplo el formulario login dentro del components/login y despues utilizarlo en pages/login.html y y darle estilos css a la pagina de login, osea que tendria las paginas que hacen uso de la carpeta components y asi formo la pagina completa, estoy en lo cierto o lo estoy haciendo mal ? gracias

[@erwinstalin2433]

Hola Fernando, gracias por el video. podrías decirme si en este sistema de rutas esta funcionado el lazy load? Cuando esté en la raiz y cargue el ContentComponent se va a llamar a todos los demás módulos o no? Saludos desde Perú. const routes: Routes = [ { path: '', component: ContentComponent, children: [ { path: 'currencies', loadChildren: () => import('./pages/currencies/currencies.module').then(m => m.CurrenciesModule) }, { path: 'cash-registers', loadChildren: () => import('./pages/cash-registers/cash-registers.module').then(m => m.CashRegistersModule) }, { path: 'cash-register-movements', loadChildren: () => import('./pages/cash-register-movements/cash-register-movements.module').then(m => m.CashRegisterMovementsModule) }, ] }, { path: 'user', loadChildren: () => import('./pages/user/user.module').then(m => m.UserModule) }, ];

[@btandayamo]

No aquí ya esta quemado con un componente fijo. Pero con todo haz una prueba revisando en el chrome dev tools

[@luisgoicochea296]

Hola Fernando, una consulta, si necesito q un componente de mi pagina se actualice solo constantemente para verificar un cambio de estado de mi base de datos... cuál sería la ruta q tendría q seguir?

[@fernando_her85]

Pues si se puede implementar sockets, sería lo ideal, porque si haces un timer cada minuto o algo así, el 99% del tiempo no haría nada.