What's coming to Angular version 9

82bafb0432ce4ccc9dcc26f94d5fe5bc?s=47 Minko Gechev
September 13, 2019

What's coming to Angular version 9

In this talk, we're going to look at what's coming in version 9. We'll discuss how to prepare for the upcoming release of Ivy, what we've been working on in the Angular CLI, and how you can try Bazel for your enterprise scale monorepo.

82bafb0432ce4ccc9dcc26f94d5fe5bc?s=128

Minko Gechev

September 13, 2019
Tweet

Transcript

  1. @yourtwitter What's coming to Angular version 9 Ng-SriLanka twitter.com/mgechev
 github.com/mgechev


    blog.mgechev.com
  2. @mgechev Annual Angular Conferences

  3. ngAtlanta ! ngIndia " Angular NL # ng-conf ! ngVikings

    $ Angular Day % Angular in Depth & ngDenver ! NG-MY ' ng-japan ( NG-DE ) ng-SriLanka * Angular Connect + ngSpain , NGRome % NG Honduras - ngTaiwan . ngTalks & NG-BE / ngBolivia 0 AngularMix ! ngPoland 1 AngularUP 2 ngChina 3
  4. ngAtlanta ! ngIndia " Angular NL # ng-conf ! ngVikings

    $ Angular Day % Angular in Depth & ngDenver ! NG-MY ' ng-japan ( NG-DE ) ng-SriLanka * Angular Connect + ngSpain , NGRome % NG Honduras - ngTaiwan . ngTalks & NG-BE / ngBolivia 0 AngularMix ! ngPoland 1 AngularUP 2 ngChina 3
  5. @mgechev Over 780 Angular Meetups Worldwide

  6. @mgechev How to contribute?

  7. @yourtwitter @mgechev • Organize a meetup • Help with the

    docs • Write a blog post • Help on StackOverflow • Answer questions on gitter • Introduce a bug fix • … Ways to contribute
  8. @mgechev

  9. @mgechev

  10. @mgechev What’s new in version 8

  11. What’s new in version 8.3 redesign of the default app

    ng deploy faster builds
  12. What’s new in version 8.3 redesign of the default app

    ng deploy faster builds
  13. @mgechev

  14. @mgechev

  15. What’s new in version 8.3 redesign of the default app

    ng deploy faster builds
  16. @mgechev

  17. @angular/fire @azure/ng-deploy @zeit/ng-deploy angular-cli-ghpages @netlify-builder/deploy

  18. @mgechev Your favorite platform not in the list?

  19. @mgechev github.com/angular-schule/ngx-deploy-starter @JohannesHoppe

  20. What’s new in version 8.3 redesign of the default app

    ng deploy faster builds
  21. @mgechev Now let’s talk about the future

  22. @yourtwitter @mgechev Ivy • Simpler debugging • Lower memory usage

    • Faster tests • Smaller • Faster compilation • Improved type checking • Backwards compatible
  23. @mgechev Planning to release Ivy in version 9

  24. @mgechev Planning to release Ivy in version 9

  25. Faster tests -38% Framework unit tests time -80% Material unit

    tests time
  26. Lower memory requirements -30% Framework unit tests memory -91% Material

    unit tests memory
  27. @mgechev Tree-shakability Runtime Generated code Triangle of the bundle size

  28. @mgechev Tree-shakability Runtime Generated code Triangle of the bundle size

  29. @mgechev Tree-shakability Runtime Generated code Triangle of the bundle size

  30. @mgechev Tree-shakability Runtime Generated code Triangle of the bundle size

  31. @mgechev

  32. @mgechev Try version 9 today! npm i -g @angular/cli@next

  33. @yourtwitter ng new my-app Angular CLI 9.0.0-next.0 - Ivy by

    default!
  34. @mgechev Some technical details

  35. @mgechev VE @Component({ selector: 'app', template: ' ...' }) class

    AppComponent { ... } app.ngfactory.js app.ngsummary.json app.metadata.json app.component.js app.component.d.ts
  36. @mgechev VE @Component({ selector: 'app', template: ' ...' }) class

    AppComponent { ... } app.ngfactory.js app.ngsummary.json app.metadata.json app.component.js app.component.d.ts
  37. @mgechev Ivy @Component({ selector: 'app', template: ' ...' }) class

    AppComponent { ... } app.component.js app.component.d.ts
  38. @mgechev Don’t worry about any of this the Angular CLI

    will take care of everything
  39. Build like Google

  40. @yourtwitter @mgechev Benefits of Bazel • Incremental builds • Sharing

    cache between team & CI • Full-stack support • Scale on the cloud
  41. Few Bazel users Google Lucidchart LogiOcean Evertz Microsystems …

  42. Speed improvements for Angular’s CI build 0 1000 2000 3000

    4000 Before RBE After RBE
  43. @yourtwitter npm i -g @angular/bazel
 ng new my-app --collection=@angular/bazel Try

    Bazel in version 8
  44. @mgechev Should I learn Bazel?

  45. @yourtwitter @mgechev Should I learn Bazel? • You don’t need

    Bazel to use Angular • It’s worth it to understand Bazel • Teaches good practices • Skill you can reuse across technologies
  46. @yourtwitter @mgechev Recap • Thankful to the amazing community •

    Angular CLI 8.3 • Redesign of the ng new app • ng deploy • Planning Ivy for version 9 • Check out Bazel for builds at scale
  47. @mgechev Thank you! twitter.com/mgechev
 github.com/mgechev
 blog.mgechev.com