Реліз Angular 13

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

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);
    }
}

Серед інших змін:

• Перехід на сьому версію бібліотеки RxJs.
• Підтримка TypeScript 4.4.
• Оновлене і пришвидшене тестування з TestBed: фреймворк може автоматично вивчати DOM після кожного тестового запуску.
• Розширена підтримка вбудованих шрифтів, зокрема є підтримка шрифтів Adobe і Google.
• Оптимізований API для локалізації $localize.
• Динамічне вмикання або вимикання вбудованих валідаторів min, max та minLength.
• Удосконалення доступності: кращі мітки ARIA, режим високої контрастності, автоматичне фокусування та поліпшене зчитування з екрана.

Детальніше про всі оновлення можна прочитати на сторінці релізу; код цієї версії опублікований на GitHub.