интересная cтатья про криптографию на клиенте, от команды IronCore,
суть в том, что включается Interceptor, + Декоратор на классы, которые можно ограничить по network.
Сам движок криптографии вроде как платный, но можно почерпнуть для себя из того что есть на stackblitz
в конце статьи есть небольшое описание по видам криптографии
https://blog.angularindepth.com/policy-based-client-side-encryption-in-angular-b47068b26d50
суть в том, что включается Interceptor, + Декоратор на классы, которые можно ограничить по network.
Сам движок криптографии вроде как платный, но можно почерпнуть для себя из того что есть на stackblitz
в конце статьи есть небольшое описание по видам криптографии
https://blog.angularindepth.com/policy-based-client-side-encryption-in-angular-b47068b26d50
уоу) на stackblitz добавили новые шаблоны RxJS, Svelte,
https://stackblitz.com/
https://stackblitz.com/
Вышел 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 mshttps://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, а именно https://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/
Для сборки ваших компонентов в 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.