🦊 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
📚 Вы знали, что в Chrome Dev Tools можно копировать объекты в буфер обмена?
📚 Throttling оповещений пользователей с помощью RxJS

👉 Пример использования оператора groupBy
https://blog.angularindepth.com/throttling-notifications-from-multiple-users-with-rxjs-4d90473f34aa
🦄 Это то, что я использую для красивых скриншотов с кодом
https://carbon.now.sh
⚡️ Убедитесь, что обновили Angular CLI до версии 7.3, так как в нем добавили оптимизацию полифилов

🔸 CLI создаст два бандла с полифилами - для старых (большой) и для новых браузеров (маленький)
🔸 Пользователи новых браузеров получат меньше JS кода, а значит приложение загрузится и запустится быстрее 💨

👉 https://netbasal.com/prevent-loading-redundant-es2015-browser-polyfills-thanks-to-angular-cli-177494c5244d
🦄 Основы реактивного программирования с использованием RxJS

Что такое реактивность?
Сложно найти ответ на, казалось бы, такой распространенный термин. Если кратко: реактивность это способность реагировать на какие-либо изменения. Но о каких изменениях идет речь?

👉 https://medium.com/p/984c1a390e2d
🦄 Когда выйдет Ivy, и что нам ждать в Angular 8?

👉 https://blog.angular.io/a-plan-for-version-8-0-and-ivy-b3318dfc19f7
📚 А вы знали, что с помощью console.profile можно запускать профилировку JavaScript?

👉 https://developer.mozilla.org/en-US/docs/Web/API/Console/profile
📚 5 фич в Angular CLI, о которых вы могли не знать

🔸 Conditional Polyfill Serving
🔸 Hidden Source Maps
🔸 Looking up the Documentation
🔸 Profiling the Build
🔸 Open the Browser on ng serve

👉 https://blog.mgechev.com/2019/02/06/5-angular-cli-features/
🦄 Хотите узнать, как будут работать Tree-shakable Components и NgModules?

LayZeeDK дает подробное объяснение многих новых функций, появившихся в Angular Ivy.

👉 https://blog.angularindepth.com/angular-revisited-tree-shakable-components-and-optional-ngmodules-329a4629276d
🦄 Angular Prerender сгенерирует статичный HTML из всех роутов в вашем приложении, с помощью Guess.js и Universal.

👉 https://www.npmjs.com/package/angular-prerender
🦊 RxJS in Practice теперь доступна на Angular in Depth

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

👉 https://blog.angularindepth.com/rxjs-in-practice-86cc133b7d42
This media is not supported in your browser
VIEW IN TELEGRAM
🦄 Хотите прямо сейчас помочь Angular? Тогда пройдите два простых опроса!

🤚 Ваш голос поможет выбрать правильное направление развития Angular.

http://bit.ly/angular-survey-2019
http://bit.ly/angular-survey-2019-extended
🦄 Tooltip с помощью Angular CDK

Практическое применение @angular/cdk:
🖥️ Overlay + 🚄 Portal = 💫 Tooltip

👉 https://blog.angularindepth.com/building-tooltips-for-angular-3cdaac16d138
This media is not supported in your browser
VIEW IN TELEGRAM
🦄 А вы знали, что если нажать Command + Control + Space, то откроется Emoji Picker?

👌 Для Windows нажмите клавиши Win + ;.
🦄 Первый видеоподскаст NgRuAir!

Обсуждаем Ivy, сроки, плюсы и минусы нового рендерера.

👉 https://www.youtube.com/watch?v=O5zM5sWptTw
🦄 Хотите узнать покрытие типами вашего приложения?

Просто выполните:
npx type-coverage


👉 https://github.com/plantain-00/type-coverage
🦄 RxJS — Advanced Patterns

Event Sourcing и CQRS с помощью RxJS.

👩‍🏭 Доклад
https://youtu.be/ZaUxIX_Q0R4

📝 Слайды
https://drive.google.com/file/d/1YeuEDmy0vMlmorTgjFPIzRT71YfOxGrs/view?usp=sharing

🛠 Примеры
https://stackblitz.com/edit/rxjs-operating-heavily-dynamic-uis
🦄 Топ 7 вопросов по Angular и ответы на них

1. Нужно ли отписываться от HttpClient?
— Да, нужно.

2. Нужно ли отписываться от ReactiveForms?
— Да, нужно.

3. Нужно ли отписываться от Router?
— Да, нужно.

4. Нужно ли отписываться от ActivatedRoute?
— Да, нужно.

5. Нужно ли отписываться от Observable?
— Да, нужно.

6. Нужно ли отписываться от Subject?
— Да, нужно.

7. Нужно ли отписываться, если я точно уверен, что у меня не будет никаких утечек и сайд эффектов, и у меня вообще нет такого кейса?
— Да, нужно.
🦄 Почему вам НАДО отписываться от Observable?

Почему вам приходится это делать, как с этим бороться и как этого избежать.

👉 https://medium.com/p/ee0c62b5d21f
🦄 TypeScript 3.3.3333
🙃 Просто немного лол

👉 https://github.com/Microsoft/TypeScript/releases/tag/v3.3.3333