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

Angular GDE

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

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

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

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

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

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

  • Инициатор ngCommunity

  • Google Dev Expert в Angular

Developer Engagement Lead в Microsoft

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

Angular

в

цифрах

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

State of JS / Интерес

StackOverflow / Вопросы

262K

StackOverflow / Опрос

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

StackOverflow / Опрос

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

Angular

и

сообщество

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

1.4M

2M+

2M+

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

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

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

Разработка

Экосистема

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

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

Создайте   feature   request

5.5K -> 0.7K

открытых issues

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

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

Что

новенького

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

v13

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

Deprecations

Feature drops

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

Исправления

Удаления

!

Удаления в v13

IE11

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

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

View Engine

Улучшения DX

Улучшенные API

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

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

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

  • NGSW, Components, Forms

  • i18n guide, $localization

  • TypeScript 4.4, RxJS 7.4

  • В Angular Language Service

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

  • Разработка

  • Выполнение

  • Билд

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

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

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

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

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

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

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

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

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

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

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

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

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

Angular Service Worker

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

Роутинг

Тесты

Angular Package Format

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

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

  • API расширен

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

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

Что

дальше

Roadmap

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

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

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

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

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

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

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

Спасибо!

Maxim Salnikov

@webmaxru

Вопросы?

Maxim Salnikov

@webmaxru

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

By Maxim Salnikov

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

Что происходит с Angular? Что появилось в последней версии и что планируется? Давайте взглянем на фреймворк и сообщество вокруг него с высоты птичьего полета, чтобы принимать обоснованные технические решения, убедиться в использовании лучших практик и заглянуть в будущее наших проектов на Angular.

  • 3,606