Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Tools for fast Angular applications
Minko Gechev
November 11, 2019
Programming
0
49
Tools for fast Angular applications
Minko Gechev
November 11, 2019
Tweet
Share
More Decks by Minko Gechev
See All by Minko Gechev
Change the World With Open Source Software
mgechev
0
37
Fast Angular Apps from End to End
mgechev
0
64
The State of Angular
mgechev
1
97
The State of Angular
mgechev
1
180
Software Engineering as a Superpower
mgechev
1
46
Introduction to Angular
mgechev
1
76
Internals of the Angular CLI
mgechev
2
840
The State of Angular
mgechev
1
93
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
mgechev
2
2.5k
Other Decks in Programming
See All in Programming
Getting Started With Data Structures
adoranwodo
1
250
大規模プロダクトにLinterを導入し運用している話
hirokiotsuka
0
300
ベストプラクティス・ドリフト
sssssssssssshhhhhhhhhh
0
200
kintoneでランダム取得を作ってみた(imoniCamp 2022-07-27)
shokun1108
0
130
NestJS_meetup_atamaplus
atamaplus
0
200
Google I/O 2022 Android関連概要 / Google I/O 2022 Android summary
phicdy
0
350
WindowsコンテナDojo: 第4回 Red Hat OpenShift Localを使ってみよう
oniak3ibm
PRO
0
170
SwiftUI+TCAに挑戦!NewsPicks iOSアプリのリアーキテクチャ/re-architecture-newspicks-ios-app-with-swiftui-and-tca
takehilo
0
350
Register-based calling convention for Go functions
cjamhe01385
0
380
夕食断食にTRY!/for-lt-12th
pachikuriii
0
230
Haskellでオブジェクト指向プログラミング
koheisakata
0
170
AWS Config Custom Rule、ノーコードでできるかな?
watany
0
250
Featured
See All Featured
4 Signs Your Business is Dying
shpigford
169
20k
The Power of CSS Pseudo Elements
geoffreycrofte
47
4k
Side Projects
sachag
450
37k
Documentation Writing (for coders)
carmenintech
48
2.6k
The Straight Up "How To Draw Better" Workshop
denniskardys
225
120k
Optimizing for Happiness
mojombo
365
63k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
37
3.3k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
236
1.1M
Creatively Recalculating Your Daily Design Routine
revolveconf
207
10k
The Mythical Team-Month
searls
210
39k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_i
25
15k
Product Roadmaps are Hard
iamctodd
35
6.8k
Transcript
None
Tools for Fast Angular Applications Improving the time to interactive
of your app Minko Gechev @mgechev
Practices for speed automated with the Angular CLI & schematics
Code-splitting Efficient serving Bundle Preloading
None
None
Practices for speed automated with the Angular CLI & schematics
Code-splitting Efficient serving Bundle Preloading
Automatic code-splitting Angular CLI version 8.1 $ ng g module
about --route about --module app
Automatic code-splitting Angular CLI version 8.1 $ ng g module
about --route about --module app module name
Automatic code-splitting Angular CLI version 8.1 $ ng g module
about --route about --module app lazy-route path
Automatic code-splitting Angular CLI version 8.1 $ ng g module
about --route about --module app parent module name
None
Generated a lazy-route • Defined an NgModule • Declared a
lazy-route • Declared a default route • Defined a component
None
None
Practices for speed automated with the Angular CLI & schematics
Code-splitting Efficient serving Bundle Preloading
None
ngx-quicklink • Detects links in the viewport • Waits until
the browser is idle • Checks user’s connection • Prefetches the lazy modules
None
None
None
Practices for speed automated with the Angular CLI & schematics
Code-splitting Efficient serving Bundle Preloading
None
None
• ng add a platform module • Run ng deploy
Deployment via Angular CLI Introduced in CLI v8.3
None
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
Practices for speed automated with the Angular CLI & schematics
Code-splitting Efficient serving Bundle Preloading
Practices for speed automated with the Angular CLI & schematics
Code-splitting Efficient serving Bundle Preloading
Practices for speed automated with the Angular CLI & schematics
Code-splitting Efficient serving Bundle Preloading
Practices for speed automated with the Angular CLI & schematics
Code-splitting Efficient serving Bundle Preloading
None
Thank you! Minko Gechev @mgechev