What's coming to Angular version 9

What's coming to Angular version 9

82bafb0432ce4ccc9dcc26f94d5fe5bc?s=128

Minko Gechev

August 24, 2019
Tweet

Transcript

  1. @yourtwitter What's coming to Angular version 9 NG Bolivia 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