Максим Сальников
Angular GDE
Angular: Что новенького?
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/8622833/mclaren-f1-lm-1995-supercar-orange-vid-speredi__1_.png)
Состояние экосистемы Angular
и новинки последнего релиза
Максим Сальников
-
Организатор Angular Oslo
-
Основатель ngVikings
-
Инициатор ngCommunity
-
Google Dev Expert в Angular
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/2243060/DTC_Services_1h_hero_bg.png)
Developer Engagement Lead в Microsoft
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/3667287/angular-gde-logo_2x.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/5443136/viking.jpg)
В теме, начиная с Angular[JS] v1.1.4
Angular
в
цифрах
State of JS / Использование
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/8627771/pasted-from-clipboard.png)
State of JS / Интерес
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/8627835/pasted-from-clipboard.png)
StackOverflow / Вопросы
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/8627817/New_Project.png)
262K
StackOverflow / Опрос
Самые желанные фреймворки
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9084726/1.png)
StackOverflow / Опрос
Самые популярные (среди проф. разработчиков)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9084735/1__2_.png)
Angular
и
сообщество
Angular -> Сообщество
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/8627777/GitHub_Logo_White.png)
1.4M
2M+
2M+
загрузок в неделю
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9086066/logo.png)
Сообщество -> Angular
Обратная связь
Разработка
Экосистема
Как поучаствовать?
Проверка документации
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/8627908/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/8627911/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/8628586/pasted-from-clipboard.png)
Создайте feature request
5.5K -> 0.7K
открытых issues
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/8628547/pasted-from-clipboard.png)
...или 👍 за нужную feature
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/8628569/pasted-from-clipboard.png)
...или реализуйте сами!
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9084811/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9084815/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9084816/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9084819/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9086066/logo.png)
Что
новенького
Последний релиз
v13
В каждой новой версии
Deprecations
Feature drops
Инструментарий
Исправления
Удаления
!
Удаления в v13
IE11
Улучшаем опыт разработчика
Догоняем веб-стандарты
View Engine
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/8628755/pasted-from-clipboard.png)
Улучшения DX
Улучшенные API
Обновленная документация
Свежие версии библиотек
Больше автоматизации
-
NGSW, Components, Forms
-
i18n guide, $localization
-
TypeScript 4.4, RxJS 7.4
-
В Angular Language Service
Производительность
-
Разработка
-
Выполнение
-
Билд
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9087672/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9086066/logo.png)
Как обновиться?
ng update @angular/core@13 @angular/cli@13
ng update @angular/material@13
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9085960/1.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9085963/2.png)
Persistent build cache
до 68% быстрее
{
"cli": {
"cache": {
"enabled": true,
"path": ".angular/cache",
"environment": "all"
}
}
}
angular.json
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9085963/2.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9085967/1.png)
Улучшенные формы
-
Динамическое вкл./выкл. валидаторов
-
Типы для статусов контролов форм
export type FormControlStatus = 'VALID'|'INVALID'|'PENDING'|'DISABLED';
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9086066/logo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9087729/pasted-from-clipboard.png)
Улучшения доступности
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9086036/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9086039/pasted-from-clipboard.png)
-
Оптимизация режима высокой контрастности
-
Увеличенные области для нажатия
-
Улучшение работы с фокусом
-
Добавления в ARIA (вкл. "role")
-
И для "классических", и для MDC-компонентов
Другие улучшения
Angular Service Worker
Динамические компоненты
Роутинг
Тесты
Angular Package Format
-
API стал эргономичнее
-
Упрощенное создание
-
API расширен
-
Автоочистка с TestBed
-
Модернизирован
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9086066/logo.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9086066/logo.png)
Что
дальше
Roadmap
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/8628839/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/8628848/pasted-from-clipboard.png)
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/8628852/pasted-from-clipboard.png)
Мой личный ТОП 3 ожиданий
Подведем итоги
-
Angular - это надолго
-
Angular ❤️ сообщество
-
Присоединяйтесь к нам
-
V13 -🔥! Обновляйтесь...
![](https://s3.amazonaws.com/media-p.slid.es/uploads/40730/images/9087495/qr-code.png)
...и хостите проекты бесплатно
Спасибо!
Maxim Salnikov
@webmaxru
Вопросы?
Maxim Salnikov
@webmaxru
Angular: Что новенького?
By Maxim Salnikov
Angular: Что новенького?
Что происходит с Angular? Что появилось в последней версии и что планируется? Давайте взглянем на фреймворк и сообщество вокруг него с высоты птичьего полета, чтобы принимать обоснованные технические решения, убедиться в использовании лучших практик и заглянуть в будущее наших проектов на Angular.
- 3,213