Angular Fanatic
1.33K subscribers
44 photos
2 videos
3 files
223 links
Ангуляр в каждый проект!
__________
Канал на паузе
Download Telegram
Хотите измерить производительность вашего приложения?
есть хорошая утилита для этого,
а несколько часов назад появился и модуль для Angular 🎉
у него есть 4 метрики,
- First Paint
- First Contentful Paint
- First Input Delay
- Time to Interactive

+ дополнительно stopwatch
например так:

perfume.start('fibonacci');
fibonacci(400);
perfume.end('fibonacci');
// ⚡️ Perfume.js: fibonacci 0.14 ms

https://github.com/Zizzamia/perfume.js#angular
Хотелось бы рассказать немного про крутой ui для Angular, а именно http://clarity.design
в последнем релизе полностью уйдут от зависимости bootstrap@4, все перенесут внутрь, и будут только те вещи, которые реально используются.
А еще ожидают реализацию много компонентов (https://github.com/vmware/clarity/issues?q=is%3Aopen+is%3Aissue+label%3A%22UX+Ready%22) . По поводу релиза 1.0 ничего не известно, issue все продолжают добавляться.
Ну и они уже приготовились (https://github.com/vmware/clarity/pull/2729) обновиться до 7 Angular
Прошу обратить внимание на интересную утилиту от Юрия Шейкеда, TypeWiz
Для чего он?
Для типизации всего! проще говоря, any -> Object
function add(a, b) {
return a + b;
}
add(5, 6);
в
function add(a: number, b: number) {
return a + b;
}
add(5, 6);
Ну а в статье он жалуется на то что старов на гитхабе много, а установок практически нет. (да, и такое бывает 💁‍♂️)

Так же Юрий автор вот такой штуки
I Compiled 1,000,000 TypeScript files in Under 40 Seconds. This is How.
Тут можете прочитать про это

Если будет интересно про то как работает компилятор tsc и какие механизмы используются, напишите в личку @jamaks ) есть наброски для статьи, но не уверен что кому то нужно.
Встречайте Angular 7.0.0🎉😱

основной сайт документации еще не обновили, но доступно пока по этой ссылке https://next.angular.io/

https://blog.angular.io/version-7-of-angular-cli-prompts-virtual-scroll-drag-and-drop-and-more-c594e22e7b8c
Для сборки ваших компонентов в Angular Elements есть такой вот билдер
https://github.com/manfredsteyer/ngx-build-plus
недавно обновился, и конечно же не без недостатков 😐
Если вам, как и мне, неохота делать бэкенд, и хорошо умеете в SQL,
то рекомендую вам следующие либы (одна на nodejs, другая на GO, но они оба умеют в docker 🍾)

1. Graphile - клиент написаный на js. Умеет делать коннект в вашу базу на PostgreSQL. Тип общения: GraqhQL. Умеет обрабатывать процедуры и тд.

2. pRest - клиент написанный на go. Все то же самое, только на REST.

Первый гораздо удобнее. Так же Graphile удобно юзать в микросервис для Nest
Какие только решения не придумывают для показа лоадера.
Предлагаю посмотреть на популярные способы.
А какой способ вы используете для loading?
anonymous poll

<my-loading *ngIf="!model"></my-loading> – 12
👍👍👍👍👍👍👍 36%

другим образом – 12
👍👍👍👍👍👍👍 36%

*ngIf="model; else loading" – 8
👍👍👍👍👍 24%

*ngIf="model withLoading" – 1
👍 3%

👥 33 people voted so far. Poll closed.
Зачем нужны Angular Elements?
1. Встраивание компонентов в другие фреимворки.
2. Встраивание компонентов в серверный рендеринг (например прямо в Razoz Asp.net).
3. Для реализации динамических приложений (например в плагинную архитектуру).
4. Модернизация от AngularJS до Angular
5. Независимая публикация приложений

https://blog.nrwl.io/5-reasons-to-use-angular-elements-390c9a629f89
Только что закончился Angular Connect, записи доступны по ссылке
Сегодня из интересного и нового - Bazel, Ivy.
последний час уделили QA,
про Ivy рассказывал один из его разработчиков, довольно таки интересно)
ссылки:
1я часть
https://www.youtube.com/watch?v=3kEgYd_A0j4
2я часть
https://www.youtube.com/watch?v=2wMQTxtpvoY
Austin (из ngAir) рассказывает свои впечатления после полугода работы на React.

React для разработчиков Angular
https://medium.com/@amcdnl/react-for-the-angular-dev-be21a39a382
Наверно, все кто копался в исходниках angular видели этот символ - ɵ
в качестве префикса для приватных полей, вот откуда ноги растут - и почему этот символ, а не такой, например, более интересный -🔑

было бы весьма забавно.
return new 🔑NoOpAnimationPlayer()
лол
Ну наконец то скоро появится нормальное расширение для vscode. Думаю будет очень удобно в больших проектах.

как в старом добром vs (шаблоны mvc)
VMware недавно искали в команду Clarity, разработчиков, и привлекли пару интересных ребят. И,соответсвенно, процессы пошли быстрее.
Сегодня наконец зарелизили Clarity 1.0.0.
Обещают радовать новыми релизами каждый четверг.

https://medium.com/claritydesignsystem/hello-1-0-257d728ee04b
Ionic, настолько развился, что имеет теперь свою студию - Ionic Studio,
И конечно, пока это не бесплатно. Хотят открыть в следующем году Community Edition.
Записывайтесь на тест бетки.

https://blog.ionicframework.com/announcing-ionic-studio-a-powerful-new-way-to-build-apps/