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

✨🚀 Простой способ познакомиться с RxJS

Вам сложно начать использовать RxJS? Тогда попробуйте эту замечательную игру: она научит вас работать с базовыми операторами.

Просто пишите код, и смешивайте фрукты! 😼
Ссылка на игру есть в твиттере

👉 https://twitter.com/thekiba_io/status/1261581496479092736

✨🦊 Лисьи мастер-классы

😻 Соскучились? И я тоже! Со следующего вторника мы начинаем серию мастер-классов, которые помогут вам улучшить качество вашего кода.

💖 Мы разберем и поговорим, про:
✨ Angular, TypeScript, RxJS
✨ Как сделать код чище
✨ Как сделать код быстрым

🚀 Ссылки на участие в мастер-классах будут публиковаться в отдельном канале. Садитесь в лисью Tesla, мы отправляемся на марс!

👉 https://t.me/joinchat/AAAAAFbTXIu5eA297Ua_8Q

✨😻 Полезные практики для RxJS

Разбираем восхитительные практики, соблюдая которые на постоянной основе, вы сделаете ваш код с RxJS чище.

👉 https://medium.com/p/7f559d811514

✨🚀 Кеширование данных в Angular

Кэширование - это одно из важных условий улучшения производительности вашего приложения. Разберемся в механизмах продвинутого кеширования с использованием RxJS и встроенных инструментов Angular.

👉 https://blog.thoughtram.io/angular/2018/03/05/advanced-caching-with-rxjs.html

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

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

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

✨🌋 Bad Practices в Angular

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

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

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

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

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

✨🛡️ ngVikings 2020 Online — FREE Tickets

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

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

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

👉 https://ngvikings.org/

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

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

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

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

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

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

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

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

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

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

✨🦄 Apollo GraphQL и Angular — YouTube

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

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

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

🦊🧩 RxJS Puzzle от Лиса

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

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

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

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

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

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

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

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

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

👉 https://discord.gg/GWBZgDE

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

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

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

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

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

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

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

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

✨💖 Новая версия 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

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

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

👉 https://youtu.be/h9lGLpvKeFI

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

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

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