What's coming to Angular version 9

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