🚀🦊 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

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

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

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

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

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

👉 https://forms.gle/AKQgTKe6wAtFS8ok8

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

✨🚀 Использование Intersection Observer API с RxJS в Angular

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

👉 https://medium.com/p/23d81312f178

✨🚀 Angular Ru Air — cегодня в 20.00

В этом выпуске мы расскажем про Angular Codelab — инструмент для интерактивного обучения Angular.

👉 https://youtu.be/h9lGLpvKeFI

✨💖 Новая версия Angular 9.1 уже доступна

Краткий список исправлений и улучшений:
💖 Добавлена поддержка TypeScript 3.8
✨ Улучшена производительность ngcc
✨ В CLI добавлена опция --displayBlock
✨ Поддержка grep в e2e тестах
✨ Поддержка Right to Left locales
✨ Поддержка TSLint 6.1 по умолчанию

Чтобы обновиться, достаточно выполнить следующую команду:
ng update @angular/cli @angular/core

👉 https://blog.angular.io/version-9-1-of-angular-now-available-typescript-3-8-faster-builds-and-more-eb292f989428

✨🌳 Создание icon library в Angular

Разбираемся в различных подходах к созданию иконок для приложения а также оптимизируем существующие при помощи Tree Shaking.

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

🏡🦊 Оставайся дома, если есть возможность

Если вы приняли решение остаться дома, то предлагаю вам поделиться этим с окружающими вас людьми.

💖 Как это сделать
☝️ Откройте настройки Telegram
✌️ Добавьте эмоджи 🏡 к своему имени
🖐 Сохраните изменения

Как открыть панель с emoji на macOS и Windows, можно посмотреть тут: https://t.me/angular_fox/76

🐾 Держу за всех вас лапки!

✨👾 Angular сообщество теперь в Discord

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

💖 В Discord вы найдете единомышленников чтобы
✨ детально обсудить вопрос по Angular
✨ провести мастер класс по Angular
✨ поделиться своим опытом по Angular
✨ позавтракать вместе с сообществом
✨ альтернатива для тех, кто не любит писать
✨ выпить пивка и пофлеймить

Будем ждать вас в Discord. Присоединяйтесь!

👉 https://discord.gg/GWBZgDE

✨🦊 Material Theme UI: Material Oceanic

Вы когда-нибудь хотели освежить свою любимую IDE? Тогда попробуйте Material Oceanic, которую я использую уже продолжительное время!

💖 Как установить
✨ откройте Plugins
✨ установите Material Theme UI
✨ выберите Material Oceanic
✨ выберите Contrast Mode

Так вы сможете получить такую же тему, как у меня! 😻

👉 https://plugins.jetbrains.com/plugin/8006-material-theme-ui

🦊🧩 RxJS Puzzle от Лиса

Руководителям крупнейшей корпорации срочно требуется твоя помощь! Компания понесет огромные убытки, если не починить код в срок.

💖 Ты можешь
✨ использовать только объявленные импорты
✨ изменять код там, где это разрешено
✨ задать любой вопрос в @angular_ru

Сможешь ли ты спасти компанию от банкротства? Да прибудет с тобой сырочек 🧀🐁

👉 https://stackblitz.com/edit/rxjs-forkjoin-exercise-001

✨🦄 Apollo GraphQL и Angular — YouTube

Прямо сейчас Sergey Фrolov рассказывает про связку Apollo GraphQL и Angular:
✨ как настроить GraphQL
✨ что такое схемы и кодогенерация
✨ какую структуру приложения выбрать
✨ как сделать реактивный стор

и как с этим всем жить.

👉 https://youtu.be/F-RKfWxhSac?t

✨🦄 Документация Angular на русском

На протяжении последних шести месяцев Алексей Охрименко воплощал свою давнюю задумку в жизнь — в автоматическом режиме перевести документацию по Angular на русских язык.

💖 На его канале вы найдете много интересной информации о том, как ему удалось это сделать!

👉 https://t.me/obenjiro_notes/18

✨🦊 Скоро — Лисий воркшоп: лол, кек

Совсем скоро вас ждут бесплатные онлайн мастер-классы, развитием которых я занимаюсь последние несколько недель. Мне осталось решить финальные вопросы, связанные с организацией площадки для трансляций, чтобы мы могли вместе общаться.

😼 Задайте себе вопрос: у вас часто возникает ощущение, что у вас нет понимания RxJS?

За короткие сессии я передам вам свой опыт использования Angular, RxJS, Ramda, и многих других библиотек и фреймворков. Мой опыт поможет вам больше не теряться в вопросах связанных с ними.

😻 Давайте челлендж? Пока вы отвечаете на вопрос ниже, я ускоряю организационные работы по подготовке площадки для трансляций.

😸 А для того, чтобы скрасить ваши будни, я подготовил стикерпак с лолами и кеками! Используйте его при каждом удобном случае: https://t.me/addstickers/angular_fox