Помните еще про SystemJs?
вышла 2я версия, в 1 альфе!
а где первая? его зафеили еще в 2016году.
Пока его все еще разрабатывает один человек, но там есть кому донатить (видимо неплохо, так как недавно он покинул Rollup, весьма дерзко на мой взгляд), поэтому 2я версия выйдет в релизе 100%.

что же будет во 2й версии?
- много старого #Deprecated
- 1,5 кб минимальный лоадер!
- 3кб фулл
- загрузка wasm
- Поддержка загрузки AMD (через созданный Window.define).
- Transform loader используя fetch и eval,
- поддержка загрузки глобальных скриптов и определение глобального значения как экспорт по умолчанию.

https://guybedford.com/systemjs-2.0-alpha

Интересная статья про разбор внутренностей Angular Ivy и как сейчас(на 6) можно его использовать . Кстати на данный момент Ivy завершён на 65%, полностью завершены работы по Change Detection, Bootstrap API, Life Cycle hooks, _ref для view, Renderer 2,
https://blog.angularindepth.com/inside-ivy-exploring-the-new-angular-compiler-ebf85141cee1?gi=fb0447de4f28

Опять же про Angular Ivy, смотрите как работает CD в JIT https://alexzuza.github.io/ivy-jit-preview/
нужно нажать на старт

Как еще оптимизировать вывод *ngFor кроме как trackBy? есть вариант c *ngVFor . Что он делает? рендерит только ту часть которая внутри контейнера.

Тут можно почитать, как, сколько, и какие есть ограничения:

https://medium.com/@andrew_54539/virtualization-of-ngfor-welcome-to-the-pure-ngfor-replacement-ngvfor-21254034acbc

Вот и прошли 2 года с момента релиза Ангуляра! (14 сентября).
А уже сегодня (23 сентября) завершается официальная поддержка версии ^4.0.0. Надеюсь все уже давно мигрировали на 6!

Прямая трансляция. Angular Moscow #11. Подключаемся, смотрим, делимся ссылкой c друзьями и коллегами :)

https://youtu.be/aTnZyu53zSE

Только что вышел релиз SystemJs 2.0
Многие из предыдущих функций SystemJS 0.21 должны быть реализованы используя дополнения и расширения SystemJS 2.0.
поэтому он такой легковесный, а для старых браузеров хватит полифила Promise
—-
расширения пишутся довольно легко, и хорошо интегрируются.
на данный момент доступно 2 расширения загрузчика, Это:
transform-babel
а так же написанный мной json-plugin

https://guybedford.com/systemjs-2.0

интересная cтатья про криптографию на клиенте, от команды IronCore,
суть в том, что включается Interceptor, + Декоратор на классы, которые можно ограничить по network.
Сам движок криптографии вроде как платный, но можно почерпнуть для себя из того что есть на stackblitz

в конце статьи есть небольшое описание по видам криптографии
https://blog.angularindepth.com/policy-based-client-side-encryption-in-angular-b47068b26d50

уоу) на stackblitz добавили новые шаблоны RxJS, Svelte,
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

Хотите измерить производительность вашего приложения?
есть хорошая утилита для этого,
а несколько часов назад появился и модуль для 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, а именно 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

Прошу обратить внимание на интересную утилиту от Юрия Шейкеда, 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

Если вы хотите кому либо показать как работает rxjs - то смело присылайте ему этот крутой playground)
https://rxviz.com/

Для сборки ваших компонентов в 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