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

262K

StackOverflow / Survey

https://insights.stackoverflow.com/survey/2021#most-loved-dreaded-and-wanted-webframe-want​

Most wanted frameworks

StackOverflow / Survey

https://insights.stackoverflow.com/survey/2021#most-popular-technologies-webframe-prof​

Most popular frameworks (pro devs)

Angular

And
Community

Angular -> Community

1.4M

2M+

2M+

weekly downloads

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

https://github.com/angular/angular/network/dependents?package_id=UGFja2FnZS00NTE2NDYyMzQ%3D

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 -> 0.7K

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/1456308511302950916​

What's

New

Latest release

v13

Version updates

Deprecations

Feature drops

New tooling

Bugfixes

Removals

!

https://github.com/angular/angular/releases/tag/13.0.0
 

Removals in v13

IE11

Improving developer experience

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

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

https://blog.angular.io/angular-v13-is-now-available-cce66f7bc296

Performance improvements

  • Coding time

  • Run time

  • Build time

https://twitter.com/AlisaDuncan/status/1456293065988128768

How to update?

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

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

https://angular.io/cli/cache

Better forms

  • Enable/disable validators dynamically

  • Stricter typed form statuses

https://docs.google.com/document/d/1cWuBE-oo5WLtwkLFxbNTiaVQGNk8ipgbekZcKBeyxxo/​

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

Accessibility improvements

https://blog.angular.io/improving-angular-components-accessibility-89b8ae904952

  • 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

https://dsebastien.medium.com/angular-13-in-depth-83be8f979e26​

  • More ergonomic API

  • Simpler API for creation

  • Richer API incl. cancelled nav

  • Automatic cleanup with TestBed

  • Modernized and streamlined

What's

Next

Roadmap

https://angular.io/guide/roadmap

Strongly typed forms

Switch Angular Components to MDC Web

Standalone components, directives and pipes

My top 3 most wanted updates

Summary

  • Angular is here to stay

  • Angular ❤️ Community

  • Contributions are welcome

  • V13 is awesome - update today...

aka.ms/angular-deploy

...and host it for free in the cloud

Thank you!

Maxim Salnikov

@webmaxru

Questions?

Maxim Salnikov

@webmaxru

Copy of The Status of Angular

By osagocom

Source: Maxim Salnikov

Copy of 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.

  • 167

More from osagocom

  • Copy of GraphGL with Mercurius and Prisma, Love at First Sight
    osagocom
    170