Slide 1

Slide 1 text

@duffleit ivy Unleashing the Power . of Angular’s . new Compiler . ngKošice David Leitner - @duffleit

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

@duffleit What is Ivy?

Slide 4

Slide 4 text

@duffleit

Slide 5

Slide 5 text

@duffleit Why do we need a compiler?

Slide 6

Slide 6 text

@duffleit

Slide 7

Slide 7 text

@duffleit What are the advantages of ivy?

Slide 8

Slide 8 text

@duffleit BUNDLE SIZE

Slide 9

Slide 9 text

@duffleit Angular Keynote - Brad Green - AngularMix 2018

Slide 10

Slide 10 text

@duffleit ViewEngine vs. IVY (demo)

Slide 11

Slide 11 text

@duffleit ● No Component Factories ● Minimal Evaluation at Runtime ● Highly Treeshakable LOCALITY PRINCIPLE

Slide 12

Slide 12 text

@duffleit Killing ngModules

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

@duffleit

Slide 15

Slide 15 text

@duffleit Higher Order Component HOC (demo)

Slide 16

Slide 16 text

@duffleit ● Increasing Build-Speed ● Decrease Size

Slide 17

Slide 17 text

@duffleit

Slide 18

Slide 18 text

@duffleit ● Module-less Components ● Higher Order Components ● Debugging ● Increasing Build-Speed ● Decrease Size

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

@duffleit ● Module-less Components ● Higher Order Components ● Debugging ● Increasing Build-Speed ● Decrease Size ● Zoneeless Angular

Slide 21

Slide 21 text

@duffleit IVY

Slide 22

Slide 22 text

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