Angular Lazy Loading

Benefits of Lazy Loading

• Keep the initial payload small
• Smaller payloads leads to faster download speeds
• Lower resource costs specially on mobile networks

What about the benefits for us (DEV's)?

• Code splitting / Modularity
• Isolated modules/features
• Let us to organize an app into cohesive blocks of functionality.

So... how it works?

Let's see some code

Resources

• https://angularfirebase.com/lessons/how-to-lazy-load-components-in-angular-4-in-three-steps/
• https://www.nativescript.org/blog/optimizing-app-loading-time-with-angular-2-lazy-loading
• https://vsavkin.com/angular-router-declarative-lazy-loading-7071d1f203ee
• https://scotch.io/tutorials/lazy-loading-in-angular-v2
• https://dzone.com/articles/real-world-angular-series-part-8a-lazy-loading-pro

What's next?

Let's figure out how we can do this in a Meteor-React Way!

You'll find a clue below

https://forums.meteor.com/t/meteor-1-5-and-lazy-loading-react-components/34187