Size: a a a

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

2019 March 03
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Освоение продвинутых TypeScript паттернов

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

👉 https://medium.freecodecamp.org/f747e99744ab
источник
2019 March 04
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Вероятно, самая простая и эффективная оптимизация, которую вы можете сделать.

👉 https://twitter.com/mgechev/status/1099031028033671168
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Пишите быстрый код

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

👉 https://medium.com/p/6b60bd498040
источник
2019 March 05
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Топ 10 способов использования Interceptors в Angular

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

👉 https://blog.angularindepth.com/db450f8a62d6
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 RxJS: merge, concat, switch, exhaust за 5 минут

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

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

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

🍁 exhaustMap: игнорирует все новые, пока предыдущий не завершится
источник
2019 March 07
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 mabl

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

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

👉 https://www.mabl.com/
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Testim

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

🚀 Super Fast Authoring
🧬 ML Based Self-Maintenance

👉 https://www.testim.io/
источник
2019 March 11
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Продвинутый DI

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

👉 https://www.youtube.com/watch?v=PRRgo6F0cjs
источник
2019 March 12
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦊 Why you HAVE to unsubscribe from Observable теперь доступна на Angular in Depth

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

👉 https://blog.angularindepth.com/92502d5639d0
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦊 Погружение в Reactive Forms

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

👉 https://medium.com/p/8c143d518f6d
источник
2019 March 13
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Angular и React в одном приложении с помощью Nrwl Nx

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

👉 https://blog.nrwl.io/78b5578de598
источник
2019 March 14
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🐕 Что нового в Akita v3.0

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

👉 https://engineering.datorama.com/92740d0d72e4
источник
2019 March 15
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Новая директива NGXF 🚀

Просто передайте в trackByKey ваш ключ, и она сгенерирует функцию для trackBy вашего ngFor.

👉 https://ngxf.gitbook.io/platform/features/track-by-key
источник
2019 March 16
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
⚡️ В TypeScript 3.4 RC добавили инкрементальные билды!

Просто используйте флаг --incremental или добавьте в tsconfig.json:

"compilerOptions": {
   "incremental": true
}


🥳 Это ускорило мои билды в x12-15 раз!
🚀 Ждем поддержку в Angular CLI!

https://devblogs.microsoft.com/typescript/announcing-typescript-3-4-rc/
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Автоматическое обновление Lazy Modules вместе с Angular Ivy

Одна из основных целей Ivy — это устранение различий между JIT и AOT. Это позволит иметь более универсальные механизмы для ленивой загрузки приложения.

👉 https://blog.angularindepth.com/e760872e6084
источник
2019 March 17
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
👩‍💻 Structural Directives

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

👉 https://netbasal.com/bfe4d8c44fb1
👉 https://netbasal.com/659acd0f67e
👉 https://netbasal.com/1a5198d9ab7d
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Моментальное открытие GitHub репозитория

Если вы пользуйтесь продуктами JetBrains, то обязательно попробуйте Toolbox App и плагин для быстрого открытия любого GitHub репозитория.

👉 https://www.jetbrains.com/toolbox/app/
источник
2019 March 18
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
👩‍💻 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/
источник
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 Операторы и пайпы
Основы реактивного программирования с использованием RxJS

RxJS обладает богатейшим API. В документации описано более 100 методов. Чтобы немного познакомиться с ними, рассмотрим, как на практике выглядит реактивный код.

👉 https://medium.com/p/3583345faec1
источник
2019 March 19
🦊 Angular Fox 🚀 — русскогорящие новости сообщества
🦄 File Uploading in Angular Reactive Forms

Простой способ загрузить файлы на сервер с помощью Angular Forms.

👉 https://netbasal.com/89a3fffa1a03
источник