Angular Fanatic

🧐 22 достаточно большая цифра. Решил повспоминать что было значимого за все это время. Angular 2 (2016) Новый фреймворк, tsc, cli, DI, Decorators Angular 4,5,6,7,8 (2017-2019) Ускорение сборок, схематики и миграторы, Angular Elements, PWA(?) Angular 9,10,11,12 (2019-2021) IVY, меньше бандлы, опять ускорение, webpack 5(?) Angular 13,14,15 (2021-2022) Отказ от IE11, Standalone Components Angular 16,17,18,19,20,21 (2022-2025) Signals, Control flow, Zoneless (?), strict режим (?) Angular 22 (2026) Signal forms, Resource API, Service (?) Angular Next TSGo (?) Сознательно не выделил всякое связанное с webapi, SSR гидратации, + из последнего WebMCP, Agent Skills, Angular Aria это конечно же большая работа и должна быть частью фреймворка, но все таки кажется что это где то рядом.

Angular v22 🎉 https://github.com/angular/angular/releases/tag/v22.0.0 https://blog.angular.dev/announcing-angular-v22-c52bb83a4664

Angular v21 🎉 https://blog.angular.dev/announcing-angular-v21-57946c34f14b

Angular v20 🎉 https://github.com/angular/angular/releases/tag/20.0.0

Cможет ли Typescript 7 ускорить сборку Angular проектов? Недавно был анонс что typescript compiler пишут на go, и что это позволяет работать tsc быстрее в 10 раз. Интересно что это быстрее чем SWC, при том что в tsc-go полноценный Type checking. Но и SWC не самый быстрый, например есть интересный проект OXC Казалось бы можно было взять команде Angular, готовый swc (4 года назад) внутри Angular, зачем ждать? Например как поступили в Deno. Все дело в Type checking: https://github.com/angular/angular/issues/38732 А еще в том что в Angular есть ngtsc. (ngtsc — это транспилятор TypeScript в JavaScript, который включает в себя специфические для Angular преобразования. Подробнее: https://github.com/angular/angular/blob/main/packages/compiler/design/architecture.md) Специфичные же преобразования написаны на js/ts, и выполняются не нативно, особенной болью являются парсинг Angular шаблонов и их type checking. Если же typescript 7 и дойдет до Angular, то прирост в сборке х10 ожидать не стоит, c синхронным выполнением ngtsc. Лучшим для нас с вами, на мой взгляд, была бы реализация ngtsc на go, а так же поддержка нативных плагинов в esbuild.

Angular v19 🥳⚡️ https://github.com/angular/angular/releases/tag/19.0.0 https://telegra.ph/Angular-19-11-19

Angular v18 🥳⚡️ https://github.com/angular/angular/releases/tag/18.0.0

http://goo.gle/angular-v17 Angular v17 🥳⚡️

Просто взгляните на эти показатели, c новым control flow и без зоны ☄️ https://krausest.github.io/js-framework-benchmark/current.html

- новое лого - новый сайт документации (https://angular.dev/) - завершили таску с регидрацией (SSR) - новый синтаксис Control Flow - Input transform - Esbuild для билда, webback deprecated в будущем

http://goo.gle/angular-event Сегодня по идее выпуск Angular 17. (Разработка v16 прекратилась 3 ноября) Какой то интриги навели, Из очевидного: - Расскажут о том как могут работать с esbuild, vite, и за счет этого ускорили сборки - Про новый синтаксис в шаблонах - Про сигналы, и что их можно юзать полноценно (про change detection) - Обновление всяких third part dependencies Не очевидное: - public api для генерации документации, с учетом JsDoc и ангуляровских декораторов Невероятное: - Сменят логотип? накидывайте варианты в комментах

https://blog.angular.io/angular-v16-is-here-4d7a28ec680d

🥳🤩 https://github.com/angular/angular/releases/tag/15.0.0 https://blog.angular.io/angular-v15-is-now-available-df7be7f2f4c8

https://blog.angular.io/angular-v14-is-now-available-391a6db736af Вышел Angular 14 - Типизированные формы - Standalone Components - Возможность указать Title в роутах - Улучшены сообщения об ошибках - Несколько новых правил линта (научат вас правильно писать банан в коробке) - Сообщения об ошибках теперь подгружаются когда нужно - TypeScript 4.7 (с es2020) И много всего другого интересного, надеюсь разберем на днях на стриме

Standalone Components Команда Angular начала вливать наработки по Standalone Components. В этом PR разработчики принесли поддержку флага standalone и imports для компонента. Слудующий PR реализует поддержку импорта одноиночных компонентов в NgModule. PR пока в статусе черновика. Более подробно о предложении по Standelone Components и Optional NgModules мы писали ранее тут

Typed Reactive Form RFC update RFC закрыт! Команда Angular обещает соблюсти обговоренные дизайн и надеется зарелизить фичу без ломающих изменений. Из-за этого пришлось пойти на компромисы, например, FromControl должен содержать тип null. Подробнее об этом можно почитать тут https://github.com/angular/angular/discussions/44513#discussioncomment-2038985

ESbuild под Angular. Эксперементальный проект, в котором затащили ng как плагин в esbuild. Из фич - быстрый холодный старт, и только для dev режима, так как компилятор затаскивается в рантайм. Интересно реализован "выборка декораторов", потому как сам esbuild таких фич не предоставляет. При пересборке проекта разницы между angular/cli на своей машине не заметил. https://github.com/cherryApp/ngc-esbuild

Теперь можно не только почитать RFC по типизированным формам, но и попробовать! И это можно сделать несколькими способами: 1. Прямо в браузере. Ловите ссылку на проект в StackBlitz 2. Локально. Для этого склонируйте вот этот репозиторий и запустите как обычно Angular приложение. 3. В своем проекте. Для этого нужно обновить фреймворк до последних next-версий с помощью CLI ng update @angular/core --next Проверить, что все angular-пакеты имеют суфикс next в версии, подменить версию пакета @angular/forms на https://1097395-24195339-gh.circle-artifacts.com/0/angular/forms-pr43834-a245792aa2.tgz и запустить миграцию. ng update @angular/core --migrate-only migration-v14-typed-forms Более подробные инструкции можно найти все в том же RFC

1. AngularJS - End of life В 2018 году был поставлен на 3 года в статус Long Term Support. В 2020г из за COVID, был продлен до 31.12.2021. Жизненный цикл крупного фреймворка длился 12лет. issue останутся открытыми. 2. Состояние CSS в Angular - статья Краткое описание изменении в CSS за последние 2 релиза. 3. Enterprise Angular - eBook Manfred обновил свою книгу. Материал для тех у кого заведен или интересен ModuleFederation, с 87 страницы решение возникающих проблем. Бонусом добавлен раздел про nx generation tools (чуть больше чем официальная дока). #ngweekly

Думаю начать постить даиджест недели по ПН. 1. Как повлияет SCAM на архитектуру Angular приложений Manfred Steyer начал выпуск серии статей про SCAM. В целом движется к тому чтобы работало как обычные es import. Жду когда подобные изменения затронут Angular Elements и будет малый рантайм. 2. В nx появился @nrwl/js специально для проектов только на js/ts. Из интересного: - можно сразу установить в качестве tsc -> swc - можно собрать секцию scripts в package.json из executors в project.json #ngweekly