Очень много полезной инфы проходит сквозь меня и я решил делиться этим со всеми. В этом канале буду публиковать хардовые новости и другие интересные заметки по Angular и экосистеме. Буду разбирать ядро, писать краткие пояснения на статьи около ангулярной движухи. Иногда будут проскакивать что то по go, node, deno. Всем угловой и рок-н-ролл!

И сразу же статья про повышение скилов, особенно понравилось утверждение
Если вы решите поделиться своими результатами с сообществом, это поможет вам создать свой общедоступный профиль. Это беспроигрышная ситуация, потому что помогая другим, вы помогаете себе.
В основном статья про саксесс стори, и как с изучением ангуляра повышалось общее понимание современного фронтенда.

https://blog.angularindepth.com/level-up-your-reverse-engineering-skills-8f910ae10630

https://blog.bitsrc.io/event-binding-mechanism-in-angular-b38f0e46d2ed

Статья описывает как работают событии и Output механизмы,
тут накидал небольшой примерчик для понимания, (пример только для изучения, не делайте так никогда, ну или делайте если очень захочется))

https://stackblitz.com/edit/angular-xunyn3?embed=1&file=src/app/child/child.component.ts

Тут на ngAir Bonnie рассказала про связку GraphQL + Angular https://youtu.be/zvmMtihBt0Y

кстати, недавно (30 августа) опубликовали
Angular Material 7.0.0-beta.0
из важных вещей появилось drag-drop и scrolling в angular/cdk
( можно уже попробовать https://stackblitz.com/edit/cdk-ng-drag-drop )
и наконец начали добавлять в схематикс, думаю в релизе уже будет доступно.
список полных изменении тут - https://github.com/angular/material2/blob/master/CHANGELOG.md

Хотели бы поддержки нативного lazy loading изображении и фрэймов с помощью одного аттрибута lazyload="on"?
так вот в chrome (канарейка) его реализовали и включается по флагу

chrome://flags/#enable-lazy-image-loading
chrome://flags/#enable-lazy-frame-loading

про пропозал и остальное - https://calibreapp.com/blog/2018-08-16-native-lazy-load/

интересный коммит в хромиум, видимо будут некоторые проблемы при низкой скорости соединения https://chromium-review.googlesource.com/c/chromium/src/+/1176293/4/third_party/blink/renderer/core/html/lazy_load_frame_observer.cc#224

к слову нужно проверить)

а если вам нужно уже сегодня, посмотрите этот вариант реализации https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/

ну и традиционно вариант реализации для ангуляра:
https://www.npmjs.com/package/ng-lazyload-image

Заметили какой резкий скачок RxJS совершил за последние полгода? и как испытали переезд с 5го на 6ой. Так вот, лид RxJS, Ben Lesh ровно полгода назад начал полностю работать на фултайме в проекте с Angular Team. Ранее же он работал на других проектах, не связанных никак с ангуляром, и только пару часов в неделю уделял RxJS. Но другим фреймворкам не стоит переживать, RxJS все равно останется не зависимым.

https://medium.com/@benlesh/but-i-thought-you-were-already-on-the-angular-team-1ff1029bc308

#Неформат
Готовитесь к хайлоаду? Случайно обнаружил для себя простое средство для нагрузочных тестов:
https://github.com/shoreditch-ops/artillery
с расширенными настройками, и подробными отчетами.
Может работать с HTTP, Socket.io, WebSockets, Kinesis, HLS.
Например:

artillery quick --count 100 -n 100 https://google.com

Наверно, все слышали про онлайн редактор stackblitz.com , но мало кто знает про легковесный ng-run.com
Сам редактор не обладает большим функционалом, но вот что его отличает от первого:
- доступен автоимпорт и нормальный интелисенс (в stackblitz все еще не реализовали)
- подготовленые ui шаблоны
- заточен только под Angular

а вот тут можно про него прочитать

https://medium.com/@a.yurich.zuev/catch-angular-template-errors-like-a-pro-or-how-i-create-angular-demo-e98694977911

по поводу пакетов: нужно добавить зависимости в Import, и тогда сразу же редактор предложит их установить, со всеми его зависимостями

В Bazel добавили Lazy Loading, точнее разбиение по бандлам, собирать конечно же вы будете сами 💁‍♂️
например с SystemJs
Говорят даже в связке с webpack + bazel пересборка будет быстрой (в Angular CLI).
В Angular labs уже давно юзают сборку с помощью Bazel, кстати можно посмотреть как реализовали lazy_routes в @ngtools/webpack

https://medium.com/@gregmagolan/code-splitting-and-lazy-loading-with-bazel-9b11ac4de20b