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
290
0

IVY - Unleashing the Power of Angular‘s new Compiler

ngKosice

Avatar for SQUER Solutions

SQUER Solutions

February 13, 2020

More Decks by SQUER Solutions

See All by SQUER Solutions
AI-Driven Legacy Decomposition
Avatar for SQUER Solutions squer
0
220
Plural of Platforms
Avatar for SQUER Solutions squer
1
140
Demystifying Event Sourcing – A Practical Approach by Shahab Ganji
Avatar for SQUER Solutions squer
0
220
Architecting Distributed Systems at Scale — From Pain to Pattern
Avatar for SQUER Solutions squer
0
340
Empowering-developers-with-Roslyn.pdf
Avatar for SQUER Solutions squer
0
180
Building Event Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
210
Building Event-Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
180
Platform Engineering: It's Not What You Think It Is
Avatar for SQUER Solutions squer
0
400
Patterns Of Architectural Modernization
Avatar for SQUER Solutions squer
1
570

Other Decks in Programming

See All in Programming
ITヒヤリハットを整理してみた ～ライフサイクルと原因から考える再発防止策～
Avatar for kouki.miura koukimiura
1
140
AIを紡ぐPMのお話
Avatar for swdtkuy swdtkuy
0
100
【QA Test Talk Vol.8】AI-DLC による Whole Team Approach の加速
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
0
180
ソフトウェアエンジニアにとっての生成AI - 特性を知って使い倒す / generative ai for software enginner
Avatar for Naoki Kishida kishida
4
1.3k
運用ダッシュボードの設計を誰も教えてくれないのだけど みなさんどうしてるんですか？ - チームに監視するという文化を根付かせるための第一歩を踏みたい -
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
120
リアルな遅延を測る仕様
Avatar for kota-yata kota_yata
1
100
Flow は今どうなっているか
Avatar for mizdra mizdra
PRO
0
540
<title><a id="</title>君はこのHTMLをパースできるか"></a></title> #雑LT_study
Avatar for pizzacat83 pizzacat83
0
140
言葉の格闘技のススメ～紙とペンと言葉から始める、キャリアの描き方～
Avatar for 進捗ゼミ progresscicada
2
150
変わらないものが、変わるものを決める — 意図駆動開発 × イベントソーシング × イミュータブル | What Doesn't Change Decides What Can — IDD × Event Sourcing × Immutability
Avatar for Tomohisa Takaoka tomohisa
0
1.7k
数百円から始めるRuby電子工作
Avatar for Tarosa tarosay
0
150
JAWS-UG横浜 #102 AWSサ終供養LT会 成仏できない AWS サービスたち 〜本日、三体供養します〜
Avatar for maroon1st maroon1st
0
360

Featured

See All Featured
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.3k
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
250
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
4.2k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
180
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.3k
The Mindset for Success: Future Career Progression
Avatar for Greg Gifford greggifford
PRO
0
450
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
170
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
470
Code Reviewing Like a Champion
Avatar for maltzj maltzj
528
40k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k

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