Upgrade to Pro — share decks privately, control downloads, hide ads and more …

IVY - Unleashing the Power of Angular‘s new Compiler

IVY - Unleashing the Power of Angular‘s new Compiler

ngKosice

E6c61f085d7aceaf97b7bd00e9195514?s=128

SQUER Solutions

February 13, 2020
Tweet

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