🦊 Angular Fox 🚀 — русскогорящие новости сообщества
3.97K subscribers
1.2K photos
7 videos
1.05K links
Как костыль на реактивно-лисьей тяге 🔥🦊

Нравится канал? Подпишись на меня!
👉 twitter.com/thekiba_ru
💖 twitter.com/thekiba_io
medium.com/@thekiba
github.com/thekiba

Чаты @angular_ru @angular_jobs
Download Telegram
📚 Как работает EventManagerPlugin в Angular

🚄 Создание кастомных эвентов
🎧 Использование их с помощью HostListener()

👉 https://netbasal.com/lifting-the-veil-insights-into-angulars-eventmanagerplugin-ed9d14cbb31a
🦄 Серверный рендеринг с Angular Universal

Если вы хотели разобраться с SSR, то самое время это сделать.

👉 Второй выпуск ngRuAir подкаста
https://www.youtube.com/watch?v=6aYQxRgw8Sk
🦄 Angular Reactive Forms: Tips and Tricks

👌 Validations
💫 Update On
🦸‍♂️ Preventing Infinite Loops

👉 https://netbasal.com/angular-reactive-forms-tips-and-tricks-bb0c85400b58
🦄 Погружение в РЕФАКТОРИНГ
💖 Интерактивный онлайн-курс о техниках рефакторинга

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

👉 https://refactoring.guru/ru/refactoring/course
🦄 RxJS оператор для Http ошибок

Хороший пример кастомного оператора для RxJS. Позволяет сопоставить Http ошибки с семантически более правильными.

👉 https://gist.github.com/nilsmehlhorn/14e2edb545088ea741784e122e77ad20
🦄 JavaScript Quiz: Что выведет console.log()?

console.log([1‚ 2‚ 3][3‚ 2‚ 1]);
Anonymous Poll
42%
🗽 SyntaxError
9%
🌱 1
42%
2
7%
🍀 3
🦄 Bazel Training by mgechev

Если вы хотите научиться или научить свою команду использовать Bazel, то вы можете использовать готовую презентацию для этого.

👉 https://docs.google.com/presentation/d/1OwktccLvV3VvWn3i7H2SuZkBeAQ8z-E5RdJODVLf8SA/preview
🦄 NGX Permissions

Простой, но в тоже время очень мощный и производительный менеджер прав для Angular. Можно использовать везде: в шаблонах, в роутах, в сервисах и т.д.

👉 https://github.com/AlexKhymenko/ngx-permissions
🦄 Освоение продвинутых TypeScript паттернов

Практикуемся с примитивными типами, и становимся настоящими мастерами и волшебниками TypeScript 🧙

👉 https://medium.freecodecamp.org/f747e99744ab
🦄 Вероятно, самая простая и эффективная оптимизация, которую вы можете сделать.

👉 https://twitter.com/mgechev/status/1099031028033671168
🦄 Пишите быстрый код

👩🏻‍🎤 Что такое большое O
🚄 Чем отличается O(N²) от O(logN)
⚡️ Что такое Бинарный поиск

👉 https://medium.com/p/6b60bd498040
🦄 Топ 10 способов использования Interceptors в Angular

👮🏻‍♀️ Authentication
👩🏻‍🏭 Caching
👩🏻‍🎤 Profiling
🧙🏻‍♀️ Fake backend

👉 https://blog.angularindepth.com/db450f8a62d6
🦄 RxJS: merge, concat, switch, exhaust за 5 минут

❄️ mergeMap: выполняет все параллельно

🌱 concatMap: выполняет все последовательно

☀️ switchMap: выполняет новый, а предыдущий отменяет

🍁 exhaustMap: игнорирует все новые, пока предыдущий не завершится
This media is not supported in your browser
VIEW IN TELEGRAM
🦄 mabl

Простое и быстрое создание e2e тестов. Не требует написания кода, справится даже менеджер.

🚸 Easy test automation
👩🏼‍⚕️ Auto-healing tests
🎯 Regression testing

👉 https://www.mabl.com/
🦄 Testim

Использует искусственный интеллект для ускорения разработки, выполнения и поддержки автоматических тестов.

🚀 Super Fast Authoring
🧬 ML Based Self-Maintenance

👉 https://www.testim.io/
🦄 Продвинутый DI

Эффективное использование 🚸 ViewChild и ViewChildren.

👉 https://www.youtube.com/watch?v=PRRgo6F0cjs
🦊 Why you HAVE to unsubscribe from Observable теперь доступна на Angular in Depth

Если читали русскоязычную версию, то буду очень благодарен, если немного похлопаете 👏

👉 https://blog.angularindepth.com/92502d5639d0
🦊 Погружение в Reactive Forms

Простой способ, как можно синхронизировать значения не только обычных FormControl, но и FormGroup и FormArray.

👉 https://medium.com/p/8c143d518f6d
🦄 Angular и React в одном приложении с помощью Nrwl Nx

Создание двух приложений (одно Angular и одно React) с помощью Nx, использующих общую библиотеку c web-components.

👉 https://blog.nrwl.io/78b5578de598
🐕 Что нового в Akita v3.0

🚀 Store Middleware
🎩 Entity UI Store
🤯 Event-based APIs
👀 Breaking Changes

👉 https://engineering.datorama.com/92740d0d72e4