Maxim Salnikov

Angular GDE

The Status of Angular

What is the status of Angular ecosystem

And what's new in the latest release

Maxim Salnikov

@webmaxru

  • Angular Oslo meetup organizer

  • ngVikings conference founder

  • ngCommunity initiative starter

  • Google Dev Expert in Angular

Developer Engagement Lead at Microsoft

Build with Angular[JS] since v1.1.4

Angular

In
Numbers

State of JS / Usage

https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/

State of JS / Interest

https://2020.stateofjs.com/en-US/technologies/front-end-frameworks/

StackOverflow / Questions

https://stackoverflow.blog/2017/11/13/cliffs-insanity-dramatic-shifts-technologies-stack-overflow/​

https://insights.stackoverflow.com/trends?tags=angularjs%2Cangular%2Creactjs%2Cvue.js

253K

StackOverflow / Survey

https://insights.stackoverflow.com/survey/2020#technology-most-loved-dreaded-and-wanted-web-frameworks-wanted2

Most wanted frameworks

Angular

And
Community

Angular -> Community

1.4M

2.5M

1.8M

weekly downloads

https://www.npmjs.com/package/@angular/cli

Community -> Angular

Feedback

Core dev

Ecosystem

How

To
Contribute

Review the documentation

https://angular.io/guide/contributors-guide-overview

Submit a   feature   request

https://github.com/angular/angular/issues?q=is%3Aopen+is%3Aissue+label%3Afeature

5.5K -> 2.1K

open issues

...or 👍 for a   feature   you like

https://blog.angular.io/new-feature-request-process-a9f69d106fc8

...or implement it!

https://twitter.com/angular/status/1397994010363445249

What's

New

Latest release

v12

Version updates

Deprecations

Feature drops

New tooling

Bugfixes

Removals

!

https://github.com/angular/angular/tree/12.0.0

Deprecations in v12

IE11

Simplifying and improving DX

Keeping up with the Web Standards

https://github.com/angular/angular/issues/41840

View Engine

https://blog.angular.io/upcoming-improvements-to-angular-library-distribution-76c02f782aa4

Nullish coalescing in templates

{{price !== null && price !== undefined ? price : calculatePrice() }}
{{ price ?? calculatePrice() }}

Better styling

  • Inline Sass/SCSS support

  • Tailwind CSS support

  • New Sass module system / API

 

DX

  • Critical CSS inlining
  • Google Fonts CSS inlining

Performance

...and many more

  • Webpack 5

  • Ivy-based Language Service

  • Production builds by default

  • Strict mode by default

  • Videos for error messages

  • ...

https://blog.angular.io/introducing-angular-devtools-2d59ff4cf62f​

How to update?

https://update.angular.io/?v=11.0-12.0

ng update @angular/core@12 @angular/cli@12
ng update @angular/material

What's

Next

Roadmap

https://angular.io/guide/roadmap

Strongly typed forms

MDC Web in Angular Material

Zone.js opt-out

My top 3 most wanted updates

Summary

  • Angular is here to stay

  • Angular ❤️ Community

  • Contributions are welcome

  • V12 is awesome - update today!

Thank you!

Maxim Salnikov

@webmaxru

aka.ms/angular-12

Questions?

Maxim Salnikov

@webmaxru

Made with Slides.com