🦊 Angular Fox 🚀 — русскогорящие новости сообщества

✨🦊 RxJS — как сделать свой оператор

💡 Вам когда-нибудь приходилось использовать оператор distinctUntilChanged() из RxJS, чтобы проверить объект на изменения по определенным ключам?

😻 Если да, то попробуйте этот потрясающий оператор distinctUntilKeysChanged()!

🥳 Он будет эмитить значения в том случае, если значение хотя бы одного из переданных ключей поменялось, а иначе ничего не будет происходить.

👉 https://twitter.com/thekiba_io/status/1240921016718647297?s=20

✨🍁 Использование environments в Angular

Добавляем, изменяем и настраиваем переменные окружения, а также разбираемся, какие из них генерируются Angular CLI по умолчанию.

👉 https://indepth.dev/becoming-an-angular-environmentalist/

✨🦄 Как эффективно работать из дома

Возможно, в скором времени какие-то компании попробуют и успешно перейдут на удалённую работу.

Опытные специалисты, которые уже прокачались в этом навыке, подготовили простой гайд, который поможет приспособиться тем, кто предпочитает опенспейсы.

💖 Как организовать свою работу
✨ Как подготовить рабочее место
✨ Как взаимодействовать с командой
✨ Что делать, если вас отвлекают дома

👉 https://vc.ru/hr/111879-rabota-iz-doma-rukovodstvo-dlya-specialista

✨😻 Как сделать утечку памяти в Angular

Создать утечку памяти в Angular достаточно просто, ведь даже крошечные изменения в неочевидных местах могут привести к неожиданным последствиям. А лучший способ избежать утечек — правильно управлять подписками.

👉 https://medium.com/p/4c583ad78b8b

✨🧜‍♀️ Dependency Injection изнутри

С приходом Ivy некоторые вещи в реализации декоратора @Injectable() изменились. Давайте посмотрим, что улучшилось, и разберемся в поведении Angular на стадии сборки приложения.

👉 https://indepth.dev/a-deep-dive-into-injectable-and-providedin-in-ivy/

✨👩‍🚒 Главная проблема AsyncPipe

Initial Null Problem: это неочевидная особенность работы с асинхронными данными. Разбираемся в механизмах реализации AsyncPipe и решаем его главную проблему на этапе инициализации.

👉 https://indepth.dev/initial-null-problem-of-asyncpipe-and-async-data-binding/

🍚🦊 Кир и Лис ищут ассистента

Мы программисты, и активно занимаемся развитием Angular сообщества в России и в Мире.

Лис: https://twitter.com/thekiba_io
Кир: https://twitter.com/kirjs

Последнее время мы испытываем проблемы с нехваткой времени. Поэтому сейчас подыскиваем себе ассистента(-тку), для выполнения небольших поручений.

Если у вас есть друг или подруга, которому(-ой) может подойти такой вариант подработки, то, пожалуйста, расскажите ей или ему об этом предложении.

👉 https://forms.gle/AKQgTKe6wAtFS8ok8

🚀🦊 Lazy Components: связываем Input и Output

Если вы еще не подписаны на мой twitter, то вы могли пропустить пример с Lazy Dynamic Components с использованием @ngxd/core для Angular 9.

💖 Простой, как NgComponentOutlet
✨ Автоматически биндит Input и Output
✨ Поддерживает Lazy Components

👉 https://twitter.com/thekiba_io/status/1230076631722659841?s=20

✨🚀 Lazy Loading компонентов в Angular 9

Ленивая загрузка компонентов, это одно из главных улучшений в Angular Ivy. Теперь это делается проще, чем раньше. А вместо NgComponentOutlet вы можете использовать @ngxd/core, который еще сильнее упростит работу с компонентами и сделает все биндинги автоматически.

👉 https://netbasal.com/e76f0ee2854a

✨🦊 Лис теперь GDE

Я очень рад анонсировать, что я теперь Google Developer Expert по Angular и Веб-технологиям! А это значит, что совсем скоро опубликую историю о собственном опыте, которая наверняка будет вам интересна.

💖 И выражаю огромную благодарность каждому! А если у вас есть твиттер, то буду очень рад вашему лайку.

👉 https://twitter.com/thekiba_io/status/1227618348869079040?s=20

🦄 NgRuAir — сегодня в 20:00

На прошлой неделе состоялся долгожданный релиз Angular 9 и Angular Ivy. Сегодня вместе с вами поговорим про производительность и изменения фреймворка, и узнаем, все ли хорошо с этим.

👉 https://youtu.be/_XY1xyEyr6I

✨👩🏻‍🚀 Загрузка файлов с помощью RxJS

RxJS — это мощный инструмент, который делает сложные вещи простыми. А вместе с Angular и HttpClient реализация загрузки файлов с отслеживанием их статуса занимает несколько строчек кода.

👉 https://medium.com/p/eaf2027266f1

✨💖 Встречайте — Angular 9 и Ivy

Ivy включен по умолчанию в 9 версии, поэтому предлагаю ознакомиться с кратким перечнем того, что было сделано:

💖 Меньший размер бандла
✨ Улучшенное тестирование
✨ Улучшенный дебаг
✨ Улучшенная статическая типизация
✨ Улучшенное отображение ошибок
✨ Улучшенное время сборки,
по умолчанию включен AOT
✨ Улучшенная интернационализация

😁 Убедитесь, что вы используете Angular CLI v9.0.1. В последнем патче исправлена регрессия, которая случилась в последней версии.

👉 https://blog.angular.io/version-9-of-angular-now-available-project-ivy-has-arrived-23c97b63cfa3

✨🎉 Angular 9 — релиз

Angular 9 наконец-то зарелизили! Для обновления на новую версию достаточно следовать этим инструкциям:

👉 https://update.angular.io/

Перечень нововведений опубликую завтра, changelog можно посмотреть здесь:

👉 https://github.com/angular/angular/blob/master/CHANGELOG.md

✨😻 Кастомные операторы для RxJS

RxJS предоставляет множество готовых операторов, которые помогают решить любую задачу. Но иногда решение становится сложным для понимания. Это можно исправить с помощью создания кастомных операторов для RxJS.

👉 https://medium.com/p/32f052d69457

✨🧩 Дружим Angular и Nest.js вместе с gRPC

Я не являюсь фанатом REST, поэтому в своей практике стараюсь использовать RPC, так как он упрощает разработку API и клиента. А используя gRPC мы получаем статическую типизацию клиент-серверного взаимодействия из коробки.

👉 https://medium.com/p/f8eca5404fc7

🏎️💨 Что происходит с Angular Ivy

Мой коллега Lars Nielsen из Angular In Depth опубликовал статью, в которой показал официальный план миграции с ViewEngine на Angular Ivy.

Судя по имеющейся информации, релиз Ivy действительно состоится вместе с Angular 9, но не стоит ожидать стабильной работы раньше Angular 11, и вот почему.

Для обеспечения обратной совместимости с ViewEngine, команда Angular разработала ngcc, с которым на данный момент существует множество проблем. Как видно из представленной таблицы, полный переезд на Angular Ivy ожидается в течении всего 2020 года, а именно к релизу Angular 11.

Поэтому полноценный переезд с ViewEngine на Angular Ivy будем ждать к концу 2020 года.

👉 https://indepth.dev/the-angular-ivy-guide-for-library-authors/

✨🦄 Пишем свою стратегию для VirtualScroll из Angular CDK

Написание кастомной стратегии для VirtualScroll может показаться сложной задачей. Но благодаря DI и предусмотрительности команды Angular, это оказалось достаточно просто.

👉 https://habr.com/ru/post/484168/

🔥🚀 Angular Ivy и Component features

Angular Ivy открывает огромные возможности по расширению компонентов. Теперь мы можем получить доступ к Injector, просто изменив factory в ComponentDef с помощью features.

👉 https://indepth.dev/component-features-with-angular-ivy/

🌈🦄 NG-BE 2019 — видосики

На Angular конференции в Бельгии были подняты актуальные темы: RxJS, Performance, Angular Architecture и Angular Compiler. Записи всех докладов доступны для просмотра на YouTube!

👉 https://www.youtube.com/playlist?list=PL9pV_RwZceNg1jtLA2fuE3SNAEApuna0o