Максим Сальников

Angular GDE

Angular: Что новенького?

Состояние экосистемы Angular

и новинки последнего релиза

Максим Сальников

@webmaxru

  • Организатор Angular Oslo

  • Основатель ngVikings

  • Инициатор ngCommunity

  • Google Dev Expert в Angular

Developer Engagement Lead в Microsoft

В теме, начиная с Angular[JS] v1.1.4

Angular

в

цифрах

State of JS / Использование

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

State of JS / Интерес

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

StackOverflow / Вопросы

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 / Опрос

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

Самые желанные фреймворки

StackOverflow / Опрос

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

Самые популярные (среди проф. разработчиков)

Angular

и

сообщество

Angular -> Сообщество

1.4M

2M+

2M+

загрузок в неделю

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

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

Сообщество -> Angular

Обратная связь

Разработка

Экосистема

Как поучаствовать?

Проверка документации

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

Создайте   feature   request

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

5.5K -> 0.7K

открытых issues

...или 👍 за нужную   feature

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

...или реализуйте сами!

https://twitter.com/angular/status/1456308511302950916​

Что

новенького

Последний релиз

v13

В каждой новой версии

Deprecations

Feature drops

Инструментарий

Исправления

Удаления

!

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

Удаления в v13

IE11

Улучшаем опыт разработчика

Догоняем веб-стандарты

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

View Engine

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

Улучшения DX

Улучшенные API

Обновленная документация

Свежие версии библиотек

Больше автоматизации

  • NGSW, Components, Forms

  • i18n guide, $localization

  • TypeScript 4.4, RxJS 7.4

  • В Angular Language Service

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

Производительность

  • Разработка

  • Выполнение

  • Билд

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

Как обновиться?

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

до 68% быстрее

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

angular.json

https://angular.io/cli/cache

Улучшенные формы

  • Динамическое вкл./выкл. валидаторов

  • Типы для статусов контролов форм

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

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

Улучшения доступности

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

  • Оптимизация режима высокой контрастности

  • Увеличенные области для нажатия

  • Улучшение работы с фокусом

  • Добавления в ARIA (вкл. "role")

  • И для "классических", и для MDC-компонентов

Другие улучшения

Angular Service Worker

Динамические компоненты

Роутинг

Тесты

Angular Package Format

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

  • API стал эргономичнее

  • Упрощенное создание

  • API расширен

  • Автоочистка с TestBed

  • Модернизирован

Что

дальше

Roadmap

https://angular.io/guide/roadmap

Типизированные формы

Переход Angular Components на MDC Web

Избавление от NgModules

Мой личный ТОП 3 ожиданий

Подведем итоги

  • Angular - это надолго

  • Angular ❤️ сообщество

  • Присоединяйтесь к нам

  • V13 -🔥! Обновляйтесь...

aka.ms/angular-deploy

...и хостите проекты бесплатно

Спасибо!

Maxim Salnikov

@webmaxru

Вопросы?

Maxim Salnikov

@webmaxru

Made with Slides.com