Реліз Angular 13

3 хв. читання
05 листопада 2021

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

Ivy тепер працює усюди. Він компілює окремі компоненти більш незалежно один від одного, тож це пришвидшує розробку. Також Ivy дозволив модернізувати формат Angular Package (APF) і менше використовувати компілятор сумісності ngcc.

Швидкодія стала кращою і завдяки ергономічним API для детальної розбивки коду на рівні компонентів. До того ж в Angular 13 додали ESBuild — це швидкий інструмент для збирання JS. SBuild працює з terser для оптимізації глобальних скриптів і підтримує вихідні карти CSS.

Реліз Angular 13
Час, потрібний для створення пакета з 10 копіями бібліотеки three.js з нуля; встановлені типові налаштування.

Команда 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.

Помітили помилку? Повідомте автору, для цього достатньо виділити текст з помилкою та натиснути Ctrl+Enter
Codeguida 3.9K
Приєднався: 11 місяців тому
Коментарі (0)

    Ще немає коментарів

Щоб залишити коментар необхідно авторизуватися.

Вхід / Реєстрація