Angular Fanatic
1.34K subscribers
44 photos
2 videos
3 files
224 links
Ангуляр в каждый проект!
__________
Канал на паузе
Download Telegram
Теперь можно не только почитать 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
🔥13👍6
ESbuild под Angular.

Эксперементальный проект, в котором затащили ng как плагин в esbuild.

Из фич - быстрый холодный старт, и только для dev режима, так как компилятор затаскивается в рантайм.
Интересно реализован "выборка декораторов", потому как сам esbuild таких фич не предоставляет.

При пересборке проекта разницы между angular/cli на своей машине не заметил.

https://github.com/cherryApp/ngc-esbuild
👍11
Typed Reactive Form RFC update

RFC закрыт! Команда Angular обещает соблюсти обговоренные дизайн и надеется зарелизить фичу без ломающих изменений. Из-за этого пришлось пойти на компромисы, например, FromControl должен содержать тип null.

Подробнее об этом можно почитать тут
https://github.com/angular/angular/discussions/44513#discussioncomment-2038985
👍17🔥9
Standalone Components

Команда Angular начала вливать наработки по Standalone Components.

В этом PR разработчики принесли поддержку флага standalone и imports для компонента.

Слудующий PR реализует поддержку импорта одноиночных компонентов в NgModule. PR пока в статусе черновика.

Более подробно о предложении по Standelone Components и Optional NgModules мы писали ранее тут
👍18🔥31
Forwarded from kirjs_ru
https://blog.angular.io/angular-v14-is-now-available-391a6db736af

Вышел Angular 14
- Типизированные формы
- Standalone Components
- Возможность указать Title в роутах
- Улучшены сообщения об ошибках
- Несколько новых правил линта (научат вас правильно писать банан в коробке)
- Сообщения об ошибках теперь подгружаются когда нужно
- TypeScript 4.7 (с es2020)

И много всего другого интересного, надеюсь разберем на днях на стриме
🔥38👍152🤩1
https://goo.gle/angular-event

Сегодня по идее выпуск Angular 17. (Разработка v16 прекратилась 3 ноября)

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

накидывайте варианты в комментах
👍16🔥5
- новое лого
- новый сайт документации (https://angular.dev/)
- завершили таску с регидрацией (SSR)
- новый синтаксис Control Flow
- Input transform
- Esbuild для билда, webback deprecated в будущем
👏24🔥11👍4
Просто взгляните на эти показатели, c новым control flow и без зоны ☄️

https://krausest.github.io/js-framework-benchmark/current.html
🔥20👍9🤯4🤡1🍾1
21🔥15👏5👍2🎉2
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.
👍24👏32
🔥363🥱2🥰1👀1