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

The Status of Angular

By Maxim Salnikov

The Status of Angular

What is the current state of the Angular framework? What new features are there in the latest version and on the roadmap? Let's have a bird-eye view of the framework to make informed technical decisions, to make sure that we use the latest best practices, and to look into the future of our Angular projects with confidence.

  • 13,351