Tools for fast Angular applications

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

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
1
26
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
120
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
14
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
33
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
2
530
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
67
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
2
1.8k
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
1
210
82bafb0432ce4ccc9dcc26f94d5fe5bc?s=48 mgechev
0
24

Other Decks in Programming

See All in Programming
Dee9a95c0e5483692c54cc5e60e8b09e?s=48 yusuke57
0
110
82d6167c4d14393c2e20b37a74b363c5?s=48 kasacchiful
1
210
Db8efd836c9a09b71e3d8e1c60d6ea84?s=48 colinfay
0
310
1ec68e792f99c958b8ffbd0aadaa182a?s=48 ikkou
4
100
0aa238a274c2397214b20d6eed58939b?s=48 moomooya
2
380
55517518e318b28906211d115c24208b?s=48 clyang
0
500
7c79a6c043825af5c538fb996430607c?s=48 peacemaker07
2
210
023b04c98f39cc041293d780352432ff?s=48 koic
0
690
7437b9552e193bb1f8ea757bf1a51175?s=48 aruneko
1
310
C5f6e8dffbb19acf405198c8fb917337?s=48 mp911de
1
130
864aba682e6b16f3348b8876ab9c9f5a?s=48 kory33
5
3.6k
9d1961575e45a8286cdde5f86dbba312?s=48 akatsuki174
4
450

Featured

See All Featured
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
61
7.4k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
682
180k
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
218
14k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
70
3.5k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
8.6k
B47b288784fda77a94aeb234ca743c24?s=48 keavy
104
14k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
154
6.2k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
1348
190k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
80
3.9k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
8
590
5b6a2bd86ef643786a381a212e0ef2f1?s=48 geoffreycrofte
11
230
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
319
53k

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