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
260

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
20
Architecting Distributed Systems at Scale — From Pain to Pattern
Avatar for SQUER Solutions squer
0
110
Empowering-developers-with-Roslyn.pdf
Avatar for SQUER Solutions squer
0
69
Building Event Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
89
Building Event-Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
65
Platform Engineering: It's Not What You Think It Is
Avatar for SQUER Solutions squer
0
230
Patterns Of Architectural Modernization
Avatar for SQUER Solutions squer
1
370
Architecting for Scale
Avatar for SQUER Solutions squer
0
180
Platform Engineering: It's Not What You Think It Is
Avatar for SQUER Solutions squer
0
190

Other Decks in Programming

See All in Programming
iOSアプリ開発もLLMで自動運転する
Avatar for Yuya Hirayama hiragram
6
2.2k
TypeScript だけを書いて Tauri でデスクトップアプリを作ろう / Tauri with only TypeScript
Avatar for tris tris5572
2
540
推論された型の移植性エラーTS2742に挑む
Avatar for teamLab teamlab
PRO
0
150
Zennの運営完全に理解した #完全に理解したTalk
Avatar for Yusuke Wada wadayusuke
1
140
DevDay2025-OracleDatabase-kernel-addressing-history
Avatar for oracle4engineer oracle4engineer
PRO
7
1.6k
Agent Rules as Domain Parser
Avatar for Yoda Keisuke yodakeisuke
1
350
Doma で目指す ORM 最適解
Avatar for Toshihiro Nakamura nakamura_to
1
160
イベントソーシングとAIの親和性ー物語とLLMに理解できるデータ
Avatar for Tomohisa Takaoka tomohisa
1
160
ソフトウェア品質特性、意識してますか？AIの真の力を引き出す活用事例 / ai-and-software-quality
Avatar for MinoDriven minodriven
19
6.7k
RubyKaigiで得られる10の価値 〜Ruby話を聞くことだけが RubyKaigiじゃない〜
Avatar for tomohiko.kuzuba tomohiko9090
0
110
Feature Flag 自動お掃除のための TypeScript プログラム変換
Avatar for azarashi azrsh
PRO
4
630
TypeScript Language Service Plugin で CSS Modules の開発体験を改善する
Avatar for mizdra mizdra
PRO
3
2.5k

Featured

See All Featured
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
205
24k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
160
15k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
331
21k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
46
14k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
299
50k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
693
190k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
159
23k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
23
1.6k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
269
20k

Transcript

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

    Compiler . ngKošice David Leitner - @duffleit

  2. @duffleit @duffleit @duffleit david@squer.at 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