Que es Lazy loadind? es la técnica mas utilizada para la mejora de carga de nuestras aplicaciones, en la cual se reduce el peso del bundle dado que en este lo que hacemos es dividir la aplicación en parte pequeñas (componentes).
Además de ser la más utilizada es la que las empresas más piden en mi experiencia a una entrevista siempre ten en claro este tema y por esto te lo quiero explicar lo más sencillo posible.
Dado que tenemos nuestra aplicación vamos a terminar con una estructura parecida a lo siguiente:
Con esto vamos a crear un nuestro primer componente con layzy para eso crearemos un module y un routing.
ng g c m componente —routing
Con esto creamos un module aparte y un router único para nuestro componente o componentes que mantendremos en esta parte de nuestra aplicación. Ya con esto sobre la misma ruta vamos a crear el componente
ng g c component/component
Con esto vamos a crear la ruta dentro de nuestro router local (router de nuestro componente).
Si intentamos acceder a esta ruta no podremos ya que nuestro router global no sabe a dónde dirigirse, y agregando el siguiente código le mostraremos cómo resolverlo tanto en el global como en nuestro local con las posibles rutas internas, como te las muestro a continuación:
Y con esto tendríamos nuestra aplicación con lazy loading.
Gracias por leer, nos vemos en una próxima ocasión.
Top comments (0)