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

Angular's Future with Ivy

Angular's Future with Ivy

Avatar for Manfred Steyer

Manfred Steyer PRO

October 23, 2019
Tweet

More Decks by Manfred Steyer

Other Decks in Programming

Transcript

  1. About me… • Manfred Steyer SOFTWAREarchitekt.at • Angular Trainings and

    Consultancy • Google Developer Expert (GDE) • Trusted Collaborator in the Angular Team Page ▪ 3 Manfred Steyer Public: Frankfurt, Munich, Vienna In-House: everywhere http://softwarearchitekt.at/workshops
  2. Warning: Private APIs ahead! Don't use them in production! No

    guarantees those features will ever land in Angular!
  3. Angular Elements? • Wraps Angular Components as Web Components •

    Does currently not use private "Thrill Seeker"-APIs • Alternative: Hand-wrap "Thrill Seeker"-APIs (renderComponent) • Open Source for "Thrill Seeker"-APIs: ngx-elements
  4. What is Zone.js? • Key to automatic change detection in

    Angular • Monkey-patches all browser objects • Finds out when event handlers ran • Tells Angular to update data bindings
  5. Downsides • 100+ KB (uncompressed) • Web Components? • Magic

    • Zone.js cannot monkey patch native async/ await (ES 2017)
  6. Conclusion Short term: Smaller bundles Long term: Huge potential Lazy

    components HOC Optional NgModules Zone-less change detection
  7. Contact and Downloads [mail] [email protected] [web] SOFTWAREarchitekt.at [twitter] ManfredSteyer d

    Slides & Examples Public: Frankfurt, Munich, Vienna In-House: everywhere http://softwarearchitekt.at/workshops