Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Tools for fast Angular applications

Avatar for Minko Gechev Minko Gechev
November 11, 2019
Programming
0
140

Tools for fast Angular applications

Avatar for Minko Gechev

Minko Gechev

November 11, 2019
Tweet

More Decks by Minko Gechev

See All by Minko Gechev
Change the World With Open Source Software
Avatar for Minko Gechev mgechev
0
180
Fast Angular Apps from End to End
Avatar for Minko Gechev mgechev
1
180
The State of Angular
Avatar for Minko Gechev mgechev
1
190
The State of Angular
Avatar for Minko Gechev mgechev
1
360
Software Engineering as a Superpower
Avatar for Minko Gechev mgechev
1
190
Introduction to Angular
Avatar for Minko Gechev mgechev
1
190
Internals of the Angular CLI
Avatar for Minko Gechev mgechev
2
1.3k
The State of Angular
Avatar for Minko Gechev mgechev
1
200
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
Avatar for Minko Gechev mgechev
2
2.9k

Other Decks in Programming

See All in Programming
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
Avatar for shimabox shimabox
2
280
ASP.NETアプリケーションのモダナイズ インフラ編
Avatar for tomokusaba tomokusaba
1
410
地方に住むエンジニアの残酷な現実とキャリア論
Avatar for nakamichi ichimichi
5
1.3k
Julia という言語について （FP in Julia « SIDE: F »） for 関数型まつり2025
Avatar for GOTOH Shunsuke antimon2
3
980
データの民主化を支える、透明性のあるデータ利活用への挑戦 2025-06-25 Database Engineering Meetup#7
Avatar for Kentaro Yoshida y_ken
0
310
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
Avatar for panda_program panda_program
6
1.2k
GitHub Copilot and GitHub Codespaces Hands-on
Avatar for Kento.Yamada ymd65536
1
110
20250628_非エンジニアがバイブコーディングしてみた
Avatar for ponponmikan ponponmikankan
0
330
Azure AI Foundryではじめてのマルチエージェントワークフロー
Avatar for 瀬尾佳隆 seosoft
0
120
すべてのコンテキストを、 ユーザー価値に変える
Avatar for Michiru Kato applism118
2
670
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
Avatar for shiro seike seike460
PRO
1
330
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
Avatar for Nealle nealle
0
110

Featured

See All Featured
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
179
9.8k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
930
Navigating Team Friction
Avatar for Lara Hogan lara
187
15k
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
31
8.6k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
77
5.8k
Fireside Chat
Avatar for paigeccino paigeccino
37
3.5k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
51
8.4k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
490
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
270
20k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
614
210k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k

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