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

IVY - Unleashing the Power of Angular‘s new Com...

Avatar for SQUER Solutions SQUER Solutions
February 13, 2020
Programming
0
270

IVY - Unleashing the Power of Angular‘s new Compiler

ngKosice

Avatar for SQUER Solutions

SQUER Solutions

February 13, 2020
Tweet

More Decks by SQUER Solutions

See All by SQUER Solutions
Demystifying Event Sourcing – A Practical Approach by Shahab Ganji
Avatar for SQUER Solutions squer
0
75
Architecting Distributed Systems at Scale — From Pain to Pattern
Avatar for SQUER Solutions squer
0
180
Empowering-developers-with-Roslyn.pdf
Avatar for SQUER Solutions squer
0
100
Building Event Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
120
Building Event-Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
85
Platform Engineering: It's Not What You Think It Is
Avatar for SQUER Solutions squer
0
260
Patterns Of Architectural Modernization
Avatar for SQUER Solutions squer
1
430
Architecting for Scale
Avatar for SQUER Solutions squer
0
200
Platform Engineering: It's Not What You Think It Is
Avatar for SQUER Solutions squer
0
210

Other Decks in Programming

See All in Programming
Navigation 2 を 3 に移行する（予定）ためにやったこと
Avatar for yokomii yokomii
0
120
testingを眺める
Avatar for matumoto matumoto
1
140
詳解！defer panic recover のしくみ / Understanding defer, panic, and recover
Avatar for convto convto
0
230
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
310
速いWebフレームワークを作る
Avatar for Yusuke Wada yusukebe
5
1.7k
個人軟體時代
Avatar for Ethan Huang ethanhuang13
0
320
Processing Gem ベースの、2D レトロゲームエンジンの開発
Avatar for tokujiros tokujiros
2
120
Vue・React マルチプロダクト開発を支える Vite
Avatar for ANDPAD inc andpad
0
110
rage against annotate_predecessor
Avatar for Junichi Kobayashi junk0612
0
160
ユーザーも開発者も悩ませない TV アプリ開発 ~Compose の内部実装から学ぶフォーカス制御~
Avatar for Daichi Takeya taked137
0
140
MCPで実現するAIエージェント駆動のNext.jsアプリデバッグ手法
Avatar for NakamuraTakumi nyatinte
7
1.1k
Deep Dive into Kotlin Flow
Avatar for Matsuda Jumpei jmatsu
1
300

Featured

See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.4k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
160
23k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Done Done
Avatar for chrislema chrislema
185
16k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
302
21k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
180
9.9k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
920
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
64
7.9k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.1k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.5k

Transcript

  1. @duffleit ivy Unleashing the Power . of Angular’s . new

    Compiler . ngKošice David Leitner - @duffleit

  2. @duffleit @duffleit @duffleit [email protected] David Leitner Lead Engineer

  3. @duffleit What is Ivy?

  4. @duffleit

  5. @duffleit Why do we need a compiler?

  6. @duffleit <HTML/> JS

  7. @duffleit What are the advantages of ivy?

  8. @duffleit BUNDLE SIZE

  9. @duffleit Angular Keynote - Brad Green - AngularMix 2018

  10. @duffleit ViewEngine vs. IVY (demo)

  11. @duffleit • No Component Factories • Minimal Evaluation at Runtime

    • Highly Treeshakable LOCALITY PRINCIPLE

  12. @duffleit Killing ngModules

  13. @duffleit Vue.component('lazy', () => import('./lazy.component')); (demo)

  14. @duffleit

  15. @duffleit Higher Order Component HOC (demo)

  16. @duffleit • Increasing Build-Speed • Decrease Size

  17. @duffleit

  18. @duffleit • Module-less Components • Higher Order Components • Debugging

    • Increasing Build-Speed • Decrease Size

  19. @duffleit console.log(“this should work”, component.property) (demo)

  20. @duffleit • Module-less Components • Higher Order Components • Debugging

    • Increasing Build-Speed • Decrease Size • Zoneeless Angular

  21. @duffleit IVY

  22. @duffleit @duffleit @duffleit squer.at/slides David Leitner Lead Engineer