IVY - Unleashing the Power of Angular‘s new Compiler

ngKosice

Transcript

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

   View Slide

2. @duffleit
   @duffleit
   @duffleit
   david@squer.at
   David Leitner
   Lead Engineer
   

   View Slide

3. @duffleit
   What is Ivy?
   

   View Slide

4. @duffleit
   

   View Slide

5. @duffleit
   Why do we need
   a compiler?
   

   View Slide

6. @duffleit
   

   View Slide

7. @duffleit
   What are the
   advantages of ivy?
   

   View Slide

8. @duffleit
   BUNDLE
   SIZE
   

   View Slide

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

   View Slide

10. @duffleit
    ViewEngine vs.
    IVY
    (demo)
    

    View Slide

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

    View Slide

12. @duffleit
    Killing ngModules
    

    View Slide

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

    View Slide

14. @duffleit
    

    View Slide

15. @duffleit
    Higher Order Component
    HOC
    (demo)
    

    View Slide

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

    View Slide

17. @duffleit
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

21. @duffleit
    IVY
    

    View Slide

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

    View Slide