Pro Yearly is on sale from $80 to $50! »

Tools for fast Angular applications

82bafb0432ce4ccc9dcc26f94d5fe5bc?s=47 Minko Gechev
November 11, 2019
Programming
0
35

Tools for fast Angular applications

82bafb0432ce4ccc9dcc26f94d5fe5bc?s=128

Minko Gechev

November 11, 2019
Tweet

More Decks by Minko Gechev

See All by Minko Gechev
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
0
16
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
41
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
140
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
16
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
40
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
2
550
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
70
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
2
1.9k
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
220

Other Decks in Programming

See All in Programming
2028fcf9065b3e34d2732587b6ac7bc5?s=48 megabitsenmzq
1
160
67962a042668ffac9323b8e0c55eee6e?s=48 keisuke69
6
3.2k
35761e3936deba2f8189c2d20982c771?s=48 getify
1
550
198d69383210fbec8c6bea4a35863c9d?s=48 tippy
3
630
Bc142fbacf80354db09fe3dda44afcf1?s=48 nobonobo
0
130
Fed4c6cfec7502b771e12f08f8d5ec6d?s=48 okajun35
0
610
1dfa2bb34977b1db41d0d46d4505183f?s=48 osuke
2
320
B337bccaf042748ab81c81ea623bad40?s=48 regtan
0
180
Fc815be82d09a2e922d4000b65b9f83b?s=48 74th
1
440
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
0
130
C0e29dade6ec33081689ac135a269b45?s=48 crgarridos
1
150
2c9e59cb4bc0651504210cee88fc8b8a?s=48 zukakosan
0
470

Featured

See All Featured
Bfd6b681ec6e8c9bef82ff0521c364f7?s=48 kastner
54
1.9k
Ecdea9b9714877b86cee08458f085481?s=48 trallard
11
520
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
326
15k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
168
6.9k
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
358
62k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
85
8.4k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
408
57k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
52
4k
E6c6e133e74c3b83f04d2861deaa1c20?s=48 searls
203
35k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
146
19k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
7
440
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
114
7k

Transcript

  1. None

  2. Tools for Fast Angular Applications Improving the time to interactive

    of your app Minko Gechev @mgechev

  3. Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading
  4. None
  5. None

  6. Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading

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

    about --route about --module app

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

    about --route about --module app module name

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

    about --route about --module app lazy-route path

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

    about --route about --module app parent module name
  11. None

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

    lazy-route • Declared a default route • Defined a component
  13. None
  14. None

  15. Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading
  16. None

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

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

  21. Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading
  22. None
  23. None

  24. • ng add a platform module • Run ng deploy

    Deployment via Angular CLI Introduced in CLI v8.3
  25. None

  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

  27. Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading

  28. Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading

  29. Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading

  30. Practices for speed automated with the Angular CLI & schematics

    Code-splitting Efficient serving Bundle Preloading
  31. None

  32. Thank you! Minko Gechev @mgechev