Вышел Angular Material 7 RC0. накидал статью по изменениям)
https://medium.com/@jamaks/angular-material-7-%D1%87%D1%82%D0%BE-%D0%BD%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE-1c8631bb8ed4
https://medium.com/@jamaks/angular-material-7-%D1%87%D1%82%D0%BE-%D0%BD%D0%BE%D0%B2%D0%BE%D0%B3%D0%BE-1c8631bb8ed4
Medium
Angular Material 7 — Что нового?
Совсем недавно вышел Angular Material 7.0.0-rc.0 (2018–10–02)
Хотите измерить производительность вашего приложения?
есть хорошая утилита для этого,
а несколько часов назад появился и модуль для Angular 🎉
у него есть 4 метрики,
- First Paint
- First Contentful Paint
- First Input Delay
- Time to Interactive
+ дополнительно stopwatch
например так:
https://github.com/Zizzamia/perfume.js#angular
есть хорошая утилита для этого,
а несколько часов назад появился и модуль для 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
GitHub
GitHub - Zizzamia/perfume.js: Web performance library for measuring all performance vitals metrics
Web performance library for measuring all performance vitals metrics - Zizzamia/perfume.js
Хотелось бы рассказать немного про крутой 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
в последнем релизе полностью уйдут от зависимости 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
Так же Юрий автор вот такой штуки
I Compiled 1,000,000 TypeScript files in Under 40 Seconds. This is How.
Тут можете прочитать про это
Если будет интересно про то как работает компилятор tsc и какие механизмы используются, напишите в личку @jamaks ) есть наброски для статьи, но не уверен что кому то нужно.
Для чего он?
Для типизации всего! проще говоря, 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
основной сайт документации еще не обновили, но доступно пока по этой ссылке https://next.angular.io/
https://blog.angular.io/version-7-of-angular-cli-prompts-virtual-scroll-drag-and-drop-and-more-c594e22e7b8c
Если вы хотите кому либо показать как работает rxjs - то смело присылайте ему этот крутой playground)
https://rxviz.com/
https://rxviz.com/
RXVIZ
RXVIZ - RXVIZ
Welcome to RxViz RxViz is where JavaScript meets performance marketing. We help PPC professionals, growth agencies, and healthcare advertisers eliminate latency, reduce bounce, and increase ROAS — all by fixing the one thing most marketers ignore: the front…
Для сборки ваших компонентов в Angular Elements есть такой вот билдер
https://github.com/manfredsteyer/ngx-build-plus
недавно обновился, и конечно же не без недостатков 😐
https://github.com/manfredsteyer/ngx-build-plus
недавно обновился, и конечно же не без недостатков 😐
Если вам, как и мне, неохота делать бэкенд, и хорошо умеете в SQL,
то рекомендую вам следующие либы (одна на nodejs, другая на GO, но они оба умеют в docker 🍾)
1. Graphile - клиент написаный на js. Умеет делать коннект в вашу базу на PostgreSQL. Тип общения: GraqhQL. Умеет обрабатывать процедуры и тд.
2. pRest - клиент написанный на go. Все то же самое, только на REST.
Первый гораздо удобнее. Так же Graphile удобно юзать в микросервис для Nest
то рекомендую вам следующие либы (одна на nodejs, другая на GO, но они оба умеют в docker 🍾)
1. Graphile - клиент написаный на js. Умеет делать коннект в вашу базу на PostgreSQL. Тип общения: GraqhQL. Умеет обрабатывать процедуры и тд.
2. pRest - клиент написанный на go. Все то же самое, только на REST.
Первый гораздо удобнее. Так же Graphile удобно юзать в микросервис для Nest
www.graphile.org
PostGraphile | Introduction
Utilities to build powerful and performant GraphQL APIs
Какие только решения не придумывают для показа лоадера.
Предлагаю посмотреть на популярные способы.
Предлагаю посмотреть на популярные способы.
Angular Fanatic via @vote
А какой способ вы используете для 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.
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
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
Сегодня из интересного и нового - 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
React для разработчиков Angular
https://medium.com/@amcdnl/react-for-the-angular-dev-be21a39a382
Medium
React for the Angular Dev
Preface
Наверно, все кто копался в исходниках angular видели этот символ - ɵ
в качестве префикса для приватных полей, вот откуда ноги растут - и почему этот символ, а не такой, например, более интересный -🔑
было бы весьма забавно.
лол
в качестве префикса для приватных полей, вот откуда ноги растут - и почему этот символ, а не такой, например, более интересный -🔑
было бы весьма забавно.
return new 🔑NoOpAnimationPlayer()
лол
VMware недавно искали в команду Clarity, разработчиков, и привлекли пару интересных ребят. И,соответсвенно, процессы пошли быстрее.
Сегодня наконец зарелизили Clarity 1.0.0.
Обещают радовать новыми релизами каждый четверг.
https://medium.com/claritydesignsystem/hello-1-0-257d728ee04b
Сегодня наконец зарелизили Clarity 1.0.0.
Обещают радовать новыми релизами каждый четверг.
https://medium.com/claritydesignsystem/hello-1-0-257d728ee04b
Medium
Hello, 1.0!
Today, the Clarity Design System is releasing version 1.0 of its library of Angular components, HTML and CSS framework, and icons library.
Ionic, настолько развился, что имеет теперь свою студию - Ionic Studio,
И конечно, пока это не бесплатно. Хотят открыть в следующем году Community Edition.
Записывайтесь на тест бетки.
https://blog.ionicframework.com/announcing-ionic-studio-a-powerful-new-way-to-build-apps/
И конечно, пока это не бесплатно. Хотят открыть в следующем году Community Edition.
Записывайтесь на тест бетки.
https://blog.ionicframework.com/announcing-ionic-studio-a-powerful-new-way-to-build-apps/