https://speakerdeck.com/ashnita 2019-10-28 09:56:55 -0400 Code splitting allows us to divide an application’s JavaScript bundle into smaller bundles. Instead of loading the JavaScript for the whole application, we can load an initial bundle that only has what the application needs to bootstrap. Using lazy loading, we dynamically load the JavaScript bundles for the feature modules when the user navigates to its route. Although this allows the application to load faster and responses to user interactions to be faster, lazy loading can cause the initial navigation to the feature routes to be slow, as the user has to wait while the browser downloads and processes the JavaScript bundle before rendering the route. Can we achieve both faster application load time and faster navigation? Find out in this talk how preloading feature routes can give faster navigation, what built-in preloading strategy is available in Angular, how to create custom preloading strategies and use Quicklink library for selective preloading or Guess.js for predictive pre-fetching. Code splitting allows us to divide an application’s JavaScript bundle into smaller bundles. Instead of loading the JavaScript for the whole application, we can load an initial bundle that only has what the application needs to bootstrap. Using lazy loading, we dynamically load the JavaScript bundles for the feature modules when the user navigates to its route. Although this allows the application to load faster and responses to user interactions to be faster, lazy loading can cause the initial navigation to the feature routes to be slow, as the user has to wait while the browser downloads and processes the JavaScript bundle before rendering the route. Can we achieve both faster application load time and faster navigation? Find out in this talk how preloading feature routes can give faster navigation, what built-in preloading strategy is available in Angular, how to create custom preloading strategies and use Quicklink library for selective preloading or Guess.js for predictive pre-fetching. Fri, 04 Sep 2020 00:00:00 -0400 https://speakerdeck.com/ashnita/preloading-routes-for-faster-navigation https://speakerdeck.com/ashnita/preloading-routes-for-faster-navigation This talk is about creating custom structural directives to implement the logic to create embedded views. It gives a brief introduction to directives, views and dynamic views, <ng-template> and TemplateRef, view containers and ViewContainerRef, naming input properties, how structural directives pass context to embedded views which they access using template input variables. It also talks about the syntactic sugar provided by the asterisk and the microsyntax in the string passed to structural directives when using the asterisk syntax. This talk is about creating custom structural directives to implement the logic to create embedded views. It gives a brief introduction to directives, views and dynamic views, <ng-template> and TemplateRef, view containers and ViewContainerRef, naming input properties, how structural directives pass context to embedded views which they access using template input variables. It also talks about the syntactic sugar provided by the asterisk and the microsyntax in the string passed to structural directives when using the asterisk syntax. Thu, 24 Oct 2019 00:00:00 -0400 https://speakerdeck.com/ashnita/creating-custom-structural-directives-in-angular https://speakerdeck.com/ashnita/creating-custom-structural-directives-in-angular