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

Tools for fast Angular applications

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
Jetpack Compose Mechanisms
Avatar for Jaewoong skydoves
3
870
続・コーディングルールの鮮度を保ちたい / keep-fresh-go-internal-conventions-again
Avatar for NAGATA Hiroaki handlename
0
130
contenteditable と日本語入力に向き合う
Avatar for taki colorful12
0
220
PumaからFalconに移行したRailsアプリケーションでの実践
Avatar for Hayato OKUMOTO falcon8823
0
240
graphql-ruby を Spinel で速くしようとした話
Avatar for Fumiaki MATSUSHIMA mtsmfm
0
120
コードレビューのボトルネックを"する側"と"される側"の両面から解消する
Avatar for yub0n yub0n
2
1.7k
作って学ぶSpring BootのAuto Configuration / JJUG Night Seminar 2026-10-19
Avatar for Ryo Shindo rshindo
0
210
Coding with AI: How to trust the storyteller (AWS Community Day Adria, Ljubljana 2026)
Avatar for Slobodan Stojanović slobodan
0
120
Railsのためのパスキー実践入門 〜マルチテナントSaaSでの意思決定〜
Avatar for utakaha utakaha
3
1.3k
AWS CDKのカスタムリソースでContinuum（旧Security Agent）を実装した話 | Implementing Continuum (formerly Security Agent) via AWS CDK Custom Resource
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
170
設計次第でAIコードの読む量は減らせる / designing-for-code-reading
Avatar for MinoDriven minodriven
35
17k
React Native에 현대적인 빌드 도구 더하기: Rollipop 구현기
Avatar for Geunhyeok LEE leegeunhyeok
0
150

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
620
Side Projects
Avatar for Sacha Greif sachag
456
43k
How to make the Groovebox
Avatar for あそなす asonas
2
2.5k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
580
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.7k
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
310
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
2
540
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
710
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.7k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
2
750

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