What's New, What's Next in Angular?

Angular Meetup November 2020

Transcript

1. What's New, What's Next in Angular? Siwat Kaolueng https://perjerz.me
2. Siwat Kaolueng (Jame) Independent Web & Angular Consultant - Organize Angular Thailand
3. What you will learn - Overview - What’s new? - What’s next? - Deprecations
4. Overview
5. 4th year anniversary https://twitter.com/angular/status/1305565655811457024
6. billions Billion user apps Enterprise apps Small-medium apps Demos Edu apps Number of users 0 Number of apps millions Angular Ivy (planned for v9) ng-conf 2019 Day 1 Keynote - https://youtu.be/JX5GGu_7JKc?t=41
7. Metrics User Experience (UX) Developer Experience (DX) Performance Learning Curve Runtime Load Time Maintainability Deliverability
8. Opinionated vs Unopinionated https://awesomeopensource.com/project/sulco/angular-developer-roadmap https://roadmap.sh/react
9. SOFTWARE BELOW THE POVERTY LINE https://staltz.com/software-below-the-poverty-line.html
10. Angular Overview Angular Protractor Forms PWA Augury Language Services Router Elements CDK Universal Karma Labs Compiler i18n Http Material Animations CLI
11. 2600+ Angular Projects @ Google ng-conf enterprise 2020 - https://www.youtube.com/watch?v=FsNTuzBfLxU Google use Angular
12. Who use Angular? more...
13. Who use Angular in Thailand? more...
14. What’s new?
15. TypeScript@4.0 https://www.typescriptlang.org/docs/handbook/release-notes/typescript-4-0.html
16. Angular CLI
17. ngcc 2–4x faster Faster compilation with TypeScript 4.0
18. https://twitter.com/manekinekko/status/1327733156838043648/photo/1
19. Easy logs and reports
20. Linting
21. https://github.com/palantir/tslint/issues/4534
22. https://github.com/angular/angular-cli/issues/13732#issuecomment-719724640
23. Hot Module Replacement (HMR)
24. Hot Module Replacement (HMR)
25. https://medium.com/echohub/implementation-of-hmr-hot-module-replacement-to-angular-project-f7bca523bd16
27. Trusted Type https://web.dev/trusted-types/
28. https://github.com/angular/angular/pull/39222
29. Remove support IE9/IE10 & IE mobile Support IE11 only
30. What’s next in Angular?
31. Angular Dev Tools
33. Experimental Webpack 5 Support
34. Module Federation
35. https://github.com/angular-architects/module-federation-plugin/blob/main/packages/mf/README.md
36. Strictly typed reactive forms
37. https://github.com/angular/angular/pull/38406
38. Optional NgModules https://github.com/angular/angular/issues/37904#issuecomment-731351748
39. Zoneless https://github.com/angular/angular/issues/38782 https://github.com/angular/angular/issues/31730
40. Deprecations https://angular.io/guide/deprecations
41. - Rename async to waitForAsync - loadChildren string syntax - ngModel with reactive forms - ViewEncapsulation.Native - entryComponents & ANALYZE_FOR_ENTRY_COMPONENTS - preserveQueryParams replace with queryParamsHandling - esm5 and fesm5 entry-points in @angular/* npm packages - /deep/, >>>, and ::ng-deep - @angular/bazel - ... https://angular.io/guide/deprecations
42. https://angular.io/api/core/testing/waitForAsync DEPRECATED USE
43. https://angular.io/guide/deprecations#ngmodel-with-reactive-forms DEPRECATED USE
44. https://angular.io/guide/deprecations#ngmodel-with-reactive-forms DEPRECATED USE USE
45. https://angular.io/api/core/ViewEncapsulation DEPRECATED USE
46. https://angular.io/guide/deprecations#entrycomponents-and-analyze_for_entry_components-no-longer-required DEPRECATED
47. https://angular.io/guide/deprecations#deep-component-style-selector DEPRECATED DEPRECATED DEPRECATED
48. https://angular.io/guide/deprecations#bazel-builder-and-schematics
49. https://update.angular.io/
50. discord.gg/angular Angular Thailand Angular Developers Thailand
51. Contact me fb.me/siwat.kaolueng https://bit.ly/35pwuN6 Slide siwat.kaolueng@gmail.com