Вийшов реліз Angular 13: що змінилося в новій версії фреймворку
Вийшов офіційний реліз нової,
Головні зміни
Тож Ivy тепер працює всюди: він компілює окремі компоненти більш незалежно один від одного, що пришвидшує розробку. Також Ivy дозволив модернізувати формат Angular Package (APF) і менше використовувати компілятор сумісності ngcc.
Згідно з релізом, швидкодія стала кращою і завдяки ергономічним API для детальної розбивки коду на рівні компонентів.
Також у Angular 13 додали ESBuild — швидкий інструмент для збирання JS. SBuild працює з terser для оптимізації глобальних скриптів і підтримує вихідні карти CSS.
До того ж команда Angular позбулася підтримки Internet Explorer 11 — як наслідок, Angular тепер може використовувати сучасні функції браузера, зокрема змінні CSS та вебанімацію через нативні Web API.
Своєю чергою завдяки ViewContainerRef.createComponent API
можна створювати динамічні компоненти з меншою кількістю коду. Якщо раніше потрібно було зробити так:
@Directive({ … }) export class MyDirective { constructor(private viewContainerRef: ViewContainerRef, private componentFactoryResolver: ComponentFactoryResolver) {} createMyComponent() { const componentFactory = this.componentFactoryResolver. resolveComponentFactory(MyComponent); this.viewContainerRef.createComponent(componentFactory); } }
То з новим API більше не потрібен ComponentFactoryResolver
.
@Directive({ … }) export class MyDirective { constructor(private viewContainerRef: ViewContainerRef) {} createMyComponent() { this.viewContainerRef.createComponent(MyComponent); } }
Які ще оновлення внесли до фреймворку
Серед інших змін Angular 13 можна виділити такі:
- перехід на сьому версію бібліотеки RxJs;
- підтримка TypeScript 4.4;
- оновлене і пришвидшене тестування з TestBed: фреймворк може автоматично вивчати DOM після кожного тестового запуску;
- розширена підтримка вбудованих шрифтів, зокрема є підтримка шрифтів Adobe і Google;
- оптимізований API для локалізації $localize;
- динамічне вмикання або вимикання вбудованих валідаторів min, max та minLength;
- удосконалення доступності: кращі мітки ARIA, режим високої контрастності, автоматичне фокусування та поліпшене зчитування з екрана.
Як відомо, технологія Angular дуже популярна. На сайті DOU нині знаходиться 237 активних вакансій, у яких згадується цей фреймворк у вимогах до скілів розробника.
Із рейтингом мов програмування 2021 за версією DOU можна ознайомитися ТУТ.
Також нагадуємо про наш ТОП-10 мов програмування в Україні,
1 коментар
Додати коментар Підписатись на коментаріВідписатись від коментарів