Вийшов реліз Angular 13: що змінилося в новій версії фреймворку

Вийшов офіційний реліз нової, 13-ї версії Angular — вебфреймворку на базі TypeScript, яким володіє Google. Причому головна особливість Angular 13 — повний перехід на рушій Ivy і відмова від View Engine. Код цієї версії фреймворку вже опублікували на GitHub.

Головні зміни

Тож 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 мов програмування в Україні, 2010–2021.

👍НравитсяПонравилось13
В избранноеВ избранном0
LinkedIn
Допустимые теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter
Допустимые теги: blockquote, a, pre, code, ul, ol, li, b, i, del.
Ctrl + Enter

Гарні новини, чудове майбутнє!

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