✨🧜‍♀️ 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

✨🛡️ ngVikings 2020 Online — FREE Tickets

Angular Vikings теперь доступны для всех в онлайне и бесплатно!

В составе участников конференции вас ждут: команда Angular, Google Developer Experts, и другие легендарные докладчики, что гарантирует отличную программу.

Билет на онлайн конференцию можно получить бесплатно по ссылке ниже.

👉 https://ngvikings.org/

✨👩🏻‍🎓 Вопросы для интервью по Angular

Если вам нужно подготовиться к интервью, то у вас есть возможность воспользоваться с этим Q&A списком, в котором вы найдете почти 300 вопросов по Angular.

👉 https://github.com/sudheerj/angular-interview-questions

✨🌋 Bad Practices в Angular

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

👉 https://medium.com/angular-in-depth/angular-bad-practices-revisited-4f607fcb75da

✨🐚 Паттерны Shell library

Обсуждаем различия, юзкейсы и ограничения двух вариаций shell library от Manfred Steyer Nrwl/Nx, а также рассмотрим приемущества Composite Shell Library.

👉 https://indepth.dev/the-shell-library-patterns-with-nx-and-monorepo-architectures/