Angular Fanatic

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

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

http://goo.gle/angular-event Сегодня по идее выпуск Angular 17. (Разработка v16 прекратилась 3 ноября) Какой то интриги навели, Из очевидного: - Расскажут о том как могут работать с esbuild, vite, и за счет этого ускорили сборки - Про новый синтаксис в…http://goo.gle/angular-v17Angular 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.0https://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 updateRFC закрыт! Команда 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. Прямо в браузере. Ловите ссылку на проект в StackBlitz2. Локально. Для этого склонируйте вот этот репозиторий и запустите как обычно 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 - eBookManfred обновил свою книгу. Материал для тех у кого заведен или интересен 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