Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Tools for fast Angular applications

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Minko Gechev Minko Gechev
November 11, 2019
Programming
210
0

Tools for fast Angular applications

Avatar for Minko Gechev

Minko Gechev

November 11, 2019

More Decks by Minko Gechev

See All by Minko Gechev
Change the World With Open Source Software
Avatar for Minko Gechev mgechev
0
290
Fast Angular Apps from End to End
Avatar for Minko Gechev mgechev
1
290
The State of Angular
Avatar for Minko Gechev mgechev
1
250
The State of Angular
Avatar for Minko Gechev mgechev
1
480
Software Engineering as a Superpower
Avatar for Minko Gechev mgechev
1
290
Introduction to Angular
Avatar for Minko Gechev mgechev
1
310
Internals of the Angular CLI
Avatar for Minko Gechev mgechev
3
1.6k
The State of Angular
Avatar for Minko Gechev mgechev
1
290
The State of Angular Deployment, SSR, and Prerendering, ng-conf keynote
Avatar for Minko Gechev mgechev
2
3.1k

Other Decks in Programming

See All in Programming
AI駆動開発4年目の現在地（『あなたはFDEになるべきか？』イベント資料）
Avatar for 熊井悠 kumaiu
0
120
graphql-ruby を Spinel で速くしようとした話
Avatar for Fumiaki MATSUSHIMA mtsmfm
0
140
Kotlinize Is Not Just Converting to Kotlin
Avatar for Kazuki Chigita chigichan24
1
210
GraphQL の onError と Nullability のこれから
Avatar for Yosuke Kurami quramy
0
200
プロジェクトコードをキレイキレイしよう！暗黙的な参照を読み解く静的解析
Avatar for Takuma Osada ostk0069
0
200
学びを記事・スライド・Xへ高速展開する― AI-assisted Learning Loopで回すコンテンツ生成術
Avatar for Ochtum ochtum
0
190
sbt 2.0: takeoff
Avatar for Eugene Yokota eed3si9n
0
190
PumaからFalconに移行したRailsアプリケーションでの実践
Avatar for Hayato OKUMOTO falcon8823
0
340
Vue.jsで作る空間解析アプリとCapacitorプラグインのData Bridge
Avatar for Hal hal_spidernight
1
160
Kotlinの15年とServer-Side Kotlin
Avatar for Takehata Naoto n_takehata
1
190
高橋メソッドでCVE解説シリーズ 〜CVE-2026-112816〜
Avatar for Hakkadaikon hakkadaikon
0
200
Spec-Driven Development - Why Vaadin Is the Perfect Fit
Avatar for Simon Martinelli simas
PRO
0
210

Featured

See All Featured
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
6
1.4k
Test your architecture with Archunit
Avatar for Yoan thirion
2
2.5k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
16k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
790
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
6
1.3k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
Visual Storytelling: How to be a Superhuman Communicator
Avatar for David Neal reverentgeek
2
740
Fireside Chat
Avatar for paigeccino paigeccino
43
4.1k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
Avatar for Greg Gifford greggifford
PRO
0
390
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
610
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.4k

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