What's coming to Angular version 9

Transcript

1. 1.

   @yourtwitter What's coming to Angular version 9 NG Bolivia twitter.com/mgechev


   github.com/mgechev
 blog.mgechev.com
2. 2.

   @mgechev Annual Angular Conferences

3. 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. 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. 5.

   @mgechev Over 780 Angular Meetups Worldwide

6. 6.

   @mgechev How to contribute?

7. 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. 8.

   @mgechev

9. 9.

   @mgechev

10. 10.

    @mgechev What’s new in version 8

11. 11.

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

    ng deploy faster builds
12. 12.

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

    ng deploy faster builds
13. 13.

    @mgechev

14. 14.

    @mgechev

15. 15.

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

    ng deploy faster builds
16. 16.

    @mgechev

17. 17.

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

18. 18.

    @mgechev Your favorite platform not in the list?

19. 19.

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

20. 20.

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

    ng deploy faster builds
21. 21.

    @mgechev Now let’s talk about the future

22. 22.

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

    • Faster tests • Smaller • Faster compilation • Improved type checking • Backwards compatible
23. 23.

    @mgechev Planning to release Ivy in version 9

24. 24.

    @mgechev Planning to release Ivy in version 9

25. 25.

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

    tests time
26. 26.

    Lower memory requirements -30% Framework unit tests memory -91% Material

    unit tests memory
27. 27.

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

28. 28.

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

29. 29.

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

30. 30.

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

31. 31.

    @mgechev

32. 32.

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

33. 33.

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

    default!
34. 34.

    @mgechev Some technical details

35. 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. 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. 37.

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

    AppComponent { ... } app.component.js app.component.d.ts
38. 38.

    @mgechev Don’t worry about any of this the Angular CLI

    will take care of everything
39. 39.

    Build like Google

40. 40.

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

    cache between team & CI • Full-stack support • Scale on the cloud
41. 41.

    Few Bazel users Google Lucidchart LogiOcean Evertz Microsystems …

42. 42.

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

    4000 Before RBE After RBE
43. 43.

    @yourtwitter npm i -g @angular/bazel
 ng new my-app --collection=@angular/bazel Try

    Bazel in version 8
44. 44.

    @mgechev Should I learn Bazel?

45. 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. 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. 47.

    @mgechev Thank you! twitter.com/mgechev
 github.com/mgechev
 blog.mgechev.com