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

  • 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

State of JS / Interest

StackOverflow / Questions

262K

StackOverflow / Survey

Most wanted frameworks

StackOverflow / Survey

Most popular frameworks (pro devs)

Angular

And
Community

Angular -> Community

1.4M

2M+

2M+

weekly downloads

Community -> Angular

Feedback

Core dev

Ecosystem

How

To
Contribute

Review the documentation

Submit a   feature   request

5.5K -> 0.7K

open issues

...or 👍 for a   feature   you like

...or implement it!

What's

New

Latest release

v13

Version updates

Deprecations

Feature drops

New tooling

Bugfixes

Removals

!

Removals in v13

IE11

Improving developer experience

Keeping up with the Web Standards

View Engine

DX improvements

Better APIs

Fresher and fuller docs

Newer lib versions

More automations

  • NGSW, Components, Forms

  • i18n guide, $localization

  • TypeScript 4.4, RxJS 7.4

  • In Angular Language Service

Performance improvements

  • Coding time

  • Run time

  • Build time

How to update?

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

Persistent build cache

up to 68% faster

{
 "cli": { 
  "cache": { 
   "enabled": true, 
   "path": ".angular/cache", 
   "environment": "all"
  } 
 }
}

angular.json

Better forms

  • Enable/disable validators dynamically

  • Stricter typed form statuses

export type FormControlStatus = 'VALID'|'INVALID'|'PENDING'|'DISABLED';

Accessibility improvements

  • Optimized high contrast mode

  • Increased touch target sizes

  • Misc. focus-related improvements

  • Multiple ARIA additions (incl. "role")

  • Both for "classic" and MDC-based components

More improvements

Angular Service Worker

Dynamic components

Router

Tests

Angular Package Format

  • More ergonomic API

  • Simpler API for creation

  • Richer API incl. cancelled nav

  • Automatic cleanup with TestBed

  • Modernized and streamlined

What's

Next

Roadmap

My top 3 most wanted updates

Summary

  • Angular is here to stay

  • Angular ❤️ Community

  • Contributions are welcome

  • V13 is awesome - update today...

...and host it for free in the cloud

Thank you!

Maxim Salnikov

@webmaxru

Questions?

Maxim Salnikov

@webmaxru

Made with Slides.com