Максим Сальников
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@13ng 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.
- 5,444