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

🦄 Операторы и пайпы Основы реактивного программирования с использованием RxJS RxJS обладает богатейшим API. В документации описано более 100 методов. Чтобы немного познакомиться с ними, рассмотрим, как на практике выглядит реактивный код. 👉 https://medium.com/p/3583345faec1

👩‍💻 Writing Resilient Components 🚅 Don’t stop the data flow 🎨 Always be ready to render 🙅🏼‍♀️ No component is a singleton 📦 Keep the local state isolated Даже, если вы не используете React, вы обнаружите те же принципы для любой модели компонентов, в том числе и Angular. 👉 https://overreacted.io/writing-resilient-components/

🦄 Моментальное открытие GitHub репозитория Если вы пользуйтесь продуктами JetBrains, то обязательно попробуйте Toolbox App и плагин для быстрого открытия любого GitHub репозитория. 👉 https://www.jetbrains.com/toolbox/app/

👩‍💻 Structural Directives Если вы хотите разобраться с структурными директивами, то обязательно прочитайте эти три вводных статьи. В них подробно объясняется, как они работают. 👉 https://netbasal.com/bfe4d8c44fb1 👉 https://netbasal.com/659acd0f67e 👉 https://netbasal.com/1a5198d9ab7d

🦄 Автоматическое обновление Lazy Modules вместе с Angular Ivy Одна из основных целей Ivy — это устранение различий между JIT и AOT. Это позволит иметь более универсальные механизмы для ленивой загрузки приложения. 👉 https://blog.angularindepth.com/e760872e6084

⚡️ В TypeScript 3.4 RC добавили инкрементальные билды! Просто используйте флаг --incremental или добавьте в tsconfig.json:

"compilerOptions": {
    "incremental": true
}

🥳 Это ускорило мои билды в x12-15 раз! 🚀 Ждем поддержку в Angular CLI! https://devblogs.microsoft.com/typescript/announcing-typescript-3-4-rc/

🦄 Новая директива NGXF 🚀 Просто передайте в trackByKey ваш ключ, и она сгенерирует функцию для trackBy вашего ngFor. 👉 https://ngxf.gitbook.io/platform/features/track-by-key

🐕 Что нового в Akita v3.0 🚀 Store Middleware 🎩 Entity UI Store 🤯 Event-based APIs 👀 Breaking Changes 👉 https://engineering.datorama.com/92740d0d72e4

🦄 Angular и React в одном приложении с помощью Nrwl Nx Создание двух приложений (одно Angular и одно React) с помощью Nx, использующих общую библиотеку c web-components. 👉 https://blog.nrwl.io/78b5578de598

🦊 Погружение в Reactive Forms Простой способ, как можно синхронизировать значения не только обычных FormControl, но и FormGroup и FormArray. 👉 https://medium.com/p/8c143d518f6d

🦊 Why you HAVE to unsubscribe from Observable теперь доступна на Angular in Depth Если читали русскоязычную версию, то буду очень благодарен, если немного похлопаете 👏 👉 https://blog.angularindepth.com/92502d5639d0

🦄 Продвинутый DI Эффективное использование 🚸 ViewChild и ViewChildren. 👉 https://www.youtube.com/watch?v=PRRgo6F0cjs

🦄 Testim Использует искусственный интеллект для ускорения разработки, выполнения и поддержки автоматических тестов. 🚀 Super Fast Authoring 🧬 ML Based Self-Maintenance 👉 https://www.testim.io/

🦄 mabl Простое и быстрое создание e2e тестов. Не требует написания кода, справится даже менеджер. 🚸 Easy test automation 👩🏼‍⚕️ Auto-healing tests 🎯 Regression testing 👉 https://www.mabl.com/

🦄 RxJS: merge, concat, switch, exhaust за 5 минут ❄️ mergeMap: выполняет все параллельно 🌱 concatMap: выполняет все последовательно ☀️ switchMap: выполняет новый, а предыдущий отменяет 🍁 exhaustMap: игнорирует все новые, пока предыдущий не завершится

🦄 Топ 10 способов использования Interceptors в Angular 👮🏻‍♀️ Authentication 👩🏻‍🏭 Caching 👩🏻‍🎤 Profiling 🧙🏻‍♀️ Fake backend 👉 https://blog.angularindepth.com/db450f8a62d6

🦄 Пишите быстрый код 👩🏻‍🎤 Что такое большое O 🚄 Чем отличается O(N²) от O(logN) ⚡️ Что такое Бинарный поиск 👉 https://medium.com/p/6b60bd498040

🦄 Вероятно, самая простая и эффективная оптимизация, которую вы можете сделать. 👉 https://twitter.com/mgechev/status/1099031028033671168

🦄 Освоение продвинутых TypeScript паттернов Практикуемся с примитивными типами, и становимся настоящими мастерами и волшебниками TypeScript 🧙 👉 https://medium.freecodecamp.org/f747e99744ab

🦄 NGX Permissions Простой, но в тоже время очень мощный и производительный менеджер прав для Angular. Можно использовать везде: в шаблонах, в роутах, в сервисах и т.д. 👉 https://github.com/AlexKhymenko/ngx-permissions