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.

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