Думаю начать постить даиджест недели по ПН.
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
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
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
В 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
Теперь можно не только почитать RFC по типизированным формам, но и попробовать!
И это можно сделать несколькими способами:
1. Прямо в браузере. Ловите ссылку на проект в StackBlitz
2. Локально. Для этого склонируйте вот этот репозиторий и запустите как обычно Angular приложение.
3. В своем проекте. Для этого нужно обновить фреймворк до последних next-версий с помощью CLI
Проверить, что все angular-пакеты имеют суфикс next в версии, подменить версию пакета
Более подробные инструкции можно найти все в том же 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
StackBlitz
Typed Forms Example App - StackBlitz
A Node.js project based on @angular/animations, @angular/common, @angular/compiler, @angular/core, @angular/platform-browser, @angular/platform-browser-dynamic, @angular/router, rxjs, tslib, zone.js, @angular-devkit/build-angular, @angular/cli, @angular/compiler…
ESbuild под Angular.
Эксперементальный проект, в котором затащили ng как плагин в esbuild.
Из фич - быстрый холодный старт, и только для dev режима, так как компилятор затаскивается в рантайм.
Интересно реализован "выборка декораторов", потому как сам esbuild таких фич не предоставляет.
При пересборке проекта разницы между angular/cli на своей машине не заметил.
https://github.com/cherryApp/ngc-esbuild
Эксперементальный проект, в котором затащили ng как плагин в esbuild.
Из фич - быстрый холодный старт, и только для dev режима, так как компилятор затаскивается в рантайм.
Интересно реализован "выборка декораторов", потому как сам esbuild таких фич не предоставляет.
При пересборке проекта разницы между angular/cli на своей машине не заметил.
https://github.com/cherryApp/ngc-esbuild
Typed Reactive Form RFC update
RFC закрыт! Команда Angular обещает соблюсти обговоренные дизайн и надеется зарелизить фичу без ломающих изменений. Из-за этого пришлось пойти на компромисы, например,
Подробнее об этом можно почитать тут
https://github.com/angular/angular/discussions/44513#discussioncomment-2038985
RFC закрыт! Команда Angular обещает соблюсти обговоренные дизайн и надеется зарелизить фичу без ломающих изменений. Из-за этого пришлось пойти на компромисы, например,
FromControl должен содержать тип null.Подробнее об этом можно почитать тут
https://github.com/angular/angular/discussions/44513#discussioncomment-2038985
GitHub
[Complete] RFC: Strictly Typed Reactive Forms · angular/angular · Discussion #44513
RFC: Strictly Typed Reactive Forms Author: @dylhunn Contributors: @alxhub, @AndrewKushnir Area: Angular Framework: Forms Package Posted: December 16, 2021 Status: Complete Related Issue: #13721 The...
Standalone Components
Команда Angular начала вливать наработки по Standalone Components.
В этом
Слудующий PR реализует поддержку импорта одноиночных компонентов в NgModule. PR пока в статусе черновика.
Более подробно о предложении по Standelone Components и Optional NgModules мы писали ранее тут
Команда Angular начала вливать наработки по Standalone Components.
В этом
PR разработчики принесли поддержку флага standalone и imports для компонента.Слудующий PR реализует поддержку импорта одноиночных компонентов в NgModule. PR пока в статусе черновика.
Более подробно о предложении по Standelone Components и Optional NgModules мы писали ранее тут
GitHub
Initial implementation of Standalone Components by alxhub · Pull Request #44812 · angular/angular
The modern web developer’s platform. Contribute to angular/angular development by creating an account on GitHub.
Forwarded from kirjs_ru
https://blog.angular.io/angular-v14-is-now-available-391a6db736af
Вышел Angular 14
- Типизированные формы
- Standalone Components
- Возможность указать Title в роутах
- Улучшены сообщения об ошибках
- Несколько новых правил линта (научат вас правильно писать банан в коробке)
- Сообщения об ошибках теперь подгружаются когда нужно
- TypeScript 4.7 (с es2020)
И много всего другого интересного, надеюсь разберем на днях на стриме
Вышел Angular 14
- Типизированные формы
- Standalone Components
- Возможность указать Title в роутах
- Улучшены сообщения об ошибках
- Несколько новых правил линта (научат вас правильно писать банан в коробке)
- Сообщения об ошибках теперь подгружаются когда нужно
- TypeScript 4.7 (с es2020)
И много всего другого интересного, надеюсь разберем на днях на стриме
Medium
Angular v14 is now available!
We are excited to announce the release of Angular v14! From typed forms and standalone components to new primitives in the Angular CDK…
🥳🤩
https://github.com/angular/angular/releases/tag/15.0.0
https://blog.angular.io/angular-v15-is-now-available-df7be7f2f4c8
https://github.com/angular/angular/releases/tag/15.0.0
https://blog.angular.io/angular-v15-is-now-available-df7be7f2f4c8
GitHub
Release v15.0.0 · angular/angular
15.0.0 (2022-11-16)
Breaking Changes
compiler
Keyframes names are now prefixed with the component's "scope name".
For example, the following keyframes rule in a component definition...
Breaking Changes
compiler
Keyframes names are now prefixed with the component's "scope name".
For example, the following keyframes rule in a component definition...
http://goo.gle/angular-event
Сегодня по идее выпуск Angular 17. (Разработка v16 прекратилась 3 ноября)
Какой то интриги навели,
Из очевидного:
- Расскажут о том как могут работать с esbuild, vite, и за счет этого ускорили сборки
- Про новый синтаксис в шаблонах
- Про сигналы, и что их можно юзать полноценно (про change detection)
- Обновление всяких third part dependencies
Не очевидное:
- public api для генерации документации, с учетом JsDoc и ангуляровских декораторов
Невероятное:
- Сменят логотип?
накидывайте варианты в комментах
Сегодня по идее выпуск Angular 17. (Разработка v16 прекратилась 3 ноября)
Какой то интриги навели,
Из очевидного:
- Расскажут о том как могут работать с esbuild, vite, и за счет этого ускорили сборки
- Про новый синтаксис в шаблонах
- Про сигналы, и что их можно юзать полноценно (про change detection)
- Обновление всяких third part dependencies
Не очевидное:
- public api для генерации документации, с учетом JsDoc и ангуляровских декораторов
Невероятное:
- Сменят логотип?
накидывайте варианты в комментах
- новое лого
- новый сайт документации (https://angular.dev/)
- завершили таску с регидрацией (SSR)
- новый синтаксис Control Flow
- Input transform
- Esbuild для билда, webback deprecated в будущем
- новый сайт документации (https://angular.dev/)
- завершили таску с регидрацией (SSR)
- новый синтаксис Control Flow
- Input transform
- Esbuild для билда, webback deprecated в будущем
Просто взгляните на эти показатели, c новым control flow и без зоны ☄️
https://krausest.github.io/js-framework-benchmark/current.html
https://krausest.github.io/js-framework-benchmark/current.html
Angular Fanatic
http://goo.gle/angular-event Сегодня по идее выпуск Angular 17. (Разработка v16 прекратилась 3 ноября) Какой то интриги навели, Из очевидного: - Расскажут о том как могут работать с esbuild, vite, и за счет этого ускорили сборки - Про новый синтаксис в…
Medium
Introducing Angular v17
Last month marked the 13th anniversary of Angular’s red shield. AngularJS was the starting point for a new wave of JavaScript frameworks…
Angular v18 🥳⚡️
https://github.com/angular/angular/releases/tag/18.0.0
https://github.com/angular/angular/releases/tag/18.0.0