Tools for fast Angular applications

Tools for fast Angular applications

82bafb0432ce4ccc9dcc26f94d5fe5bc?s=128

Minko Gechev

November 11, 2019
Tweet

Transcript

  1. 1.
  2. 3.

    Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading
  3. 4.
  4. 5.
  5. 6.

    Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading
  6. 8.

    Automatic code-splitting Angular CLI version 8.1 $ ng g module

    about --route about --module app module name
  7. 9.

    Automatic code-splitting Angular CLI version 8.1 $ ng g module

    about --route about --module app lazy-route path
  8. 10.

    Automatic code-splitting Angular CLI version 8.1 $ ng g module

    about --route about --module app parent module name
  9. 11.
  10. 12.

    Generated a lazy-route • Defined an NgModule • Declared a

    lazy-route • Declared a default route • Defined a component
  11. 13.
  12. 14.
  13. 15.

    Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading
  14. 16.
  15. 17.

    ngx-quicklink • Detects links in the viewport • Waits until

    the browser is idle • Checks user’s connection • Prefetches the lazy modules
  16. 18.
  17. 19.
  18. 20.
  19. 21.

    Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading
  20. 22.
  21. 23.
  22. 24.

    • ng add a platform module • Run ng deploy

    Deployment via Angular CLI Introduced in CLI v8.3
  23. 25.
  24. 26.

    Supported platforms for automatic deployments via the Angular CLI @angular/fire

    @azure/ng-deploy @zeit/ng-deploy angular-cli-ghpages @netlify-builder/deploy ngx-deploy-npm
  25. 27.

    Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading
  26. 28.

    Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading
  27. 29.

    Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading
  28. 30.

    Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading
  29. 31.