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
77
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
87
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
440
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
Cache Me If You Can
Avatar for RyuNen344 ryunen344
2
3k
ProxyによるWindow間RPC機構の構築
Avatar for syumai syumai
3
1.2k
意外と簡単！？フロントエンドでパスキー認証を実現する WebAuthn
Avatar for teamLab teamlab
PRO
2
770
アセットのコンパイルについて
Avatar for ojun ojun9
0
130
時間軸から考えるTerraformを使う理由と留意点
Avatar for Ryoma Fujiwara fufuhu
16
4.8k
MCPとデザインシステムに立脚したデザインと実装の融合
Avatar for Yuku Kotani yukukotani
4
1.5k
そのAPI、誰のため？ Androidライブラリ設計における利用者目線の実践テクニック
Avatar for mkeeda mkeeda
2
1.8k
個人軟體時代
Avatar for Ethan Huang ethanhuang13
0
330
go test -json そして testing.T.Attr / Kyoto.go #63
Avatar for utagawa kiki utgwkk
3
310
GitHubとGitLabと AWS CodePipelineで CI/CDを組み比べてみた
Avatar for Satoshi Kaneyasu satoshi256kbyte
4
250
「手軽で便利」に潜む罠。 Popover API を WCAG 2.2の視点で安全に使うには
Avatar for Taito Tanaka taitotnk
0
870
機能追加とリーダー業務の類似性
Avatar for Rinchoku rinchoku
2
1.3k

Featured

See All Featured
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.8k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
36
6.9k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
64
7.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
29
2.9k
A better future with KSS
Avatar for Kyle Neath kneath
239
17k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
18
1.1k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
207
24k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.6k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
140
7.1k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
268
13k

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