$30 off During Our Annual Pro Sale. View Details »

IVY - Unleashing the Power of Angular‘s new Compiler

IVY - Unleashing the Power of Angular‘s new Compiler

ngKosice

SQUER Solutions

February 13, 2020
Tweet

More Decks by SQUER Solutions

Other Decks in Programming

Transcript

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

    View Slide

  2. @duffleit
    @duffleit
    @duffleit
    [email protected]
    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