🦄 Angular Components и Strategy Pattern

Strategy Pattern позволяет решать большое количество проблем. И если применить его на Angular Components, то он даст возможность легко расширять их функциональность.

👉 https://blog.angularindepth.com/61762583a7d8

🔥 State of JavaScript 2019

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

👇 Открыть ссылку
👩‍💻 Сделать выбор
💪 Отправить свой результат

Удачи 💖 survey.stateofjs.com

💡 Некоторое время назад я опубликовал статью Почему вам НАДО отписываться от ObservableПочему вам НАДО отписываться от Observable. И каждый день я получаю сообщения, что не надо отписываться от HttpClient...

✨🦊 Я сделал live demo для вас, чтобы объяснить почему все таки надо! И если вам тоже понадобится объяснить это кому-то, то смело используйте его.

👉 https://stackblitz.com/edit/why-you-have-to-unsubscribe-from-observable-material

💡 Angular 9 и оптимизация Change Detection

Новая версия Angular позволяет оптимизировать работу Change Detection, предотвращая лишние вызовы с помощью нового флага ngZoneEventCoalescing.

platformBrowserDynamic()
  .bootstrapModule(AppModule, {
    ngZoneEventCoalescing: true
  })
  .catch(err => console.error(err));

👉 https://netbasal.com/c4037199859f

🎄🌟 Релиз Angular 9 отложили до Нового Года

Это потрясающее решение, ведь у многих из нас уже праздничное настроение! 🥳 Отпразднуем Новый Год, а Angular будет нам подарком на Рождество! 🎁 💝

👉 https://twitter.com/jules_kremer/status/1206645952548720640

🌈🦄 Angular 9 и новые scope для providedIn

Посмотрев на providedIn: 'any' вам может показаться, что это какая-то ошибка… но нет! В Angular 9 появится возможность регистрировать провайдеры для 'platform' и 'any'.

👉 https://christiankohler.net/improved-dependeny-injection-with-the-new-providedin-scopes-any-and-platform

🔥🚀 State of JavaScript 2019 — результаты

В опросе State of JavaScript приняло участие почти 22 тысячи человек. И наверняка вам будет интересно узнать в каком направлении движется наш Frontend.

👉 https://2019.stateofjs.com/

🌈🦄 NG-BE 2019 — видосики

На Angular конференции в Бельгии были подняты актуальные темы: RxJS, Performance, Angular Architecture и Angular Compiler. Записи всех докладов доступны для просмотра на YouTube!

👉 https://www.youtube.com/playlist?list=PL9pV_RwZceNg1jtLA2fuE3SNAEApuna0o

🔥🚀 Angular Ivy и Component features

Angular Ivy открывает огромные возможности по расширению компонентов. Теперь мы можем получить доступ к Injector, просто изменив factory в ComponentDef с помощью features.

👉 https://indepth.dev/component-features-with-angular-ivy/

✨🦄 Пишем свою стратегию для VirtualScroll из Angular CDK

Написание кастомной стратегии для VirtualScroll может показаться сложной задачей. Но благодаря DI и предусмотрительности команды Angular, это оказалось достаточно просто.

👉 https://habr.com/ru/post/484168/

🏎️💨 Что происходит с Angular Ivy

Мой коллега Lars Nielsen из Angular In Depth опубликовал статью, в которой показал официальный план миграции с ViewEngine на Angular Ivy.

Судя по имеющейся информации, релиз Ivy действительно состоится вместе с Angular 9, но не стоит ожидать стабильной работы раньше Angular 11, и вот почему.

Для обеспечения обратной совместимости с ViewEngine, команда Angular разработала ngcc, с которым на данный момент существует множество проблем. Как видно из представленной таблицы, полный переезд на Angular Ivy ожидается в течении всего 2020 года, а именно к релизу Angular 11.

Поэтому полноценный переезд с ViewEngine на Angular Ivy будем ждать к концу 2020 года.

👉 https://indepth.dev/the-angular-ivy-guide-for-library-authors/

✨🧩 Дружим Angular и Nest.js вместе с gRPC

Я не являюсь фанатом REST, поэтому в своей практике стараюсь использовать RPC, так как он упрощает разработку API и клиента. А используя gRPC мы получаем статическую типизацию клиент-серверного взаимодействия из коробки.

👉 https://medium.com/p/f8eca5404fc7

✨😻 Кастомные операторы для RxJS

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

👉 https://medium.com/p/32f052d69457

✨🎉 Angular 9 — релиз

Angular 9 наконец-то зарелизили! Для обновления на новую версию достаточно следовать этим инструкциям:

👉 https://update.angular.io/

Перечень нововведений опубликую завтра, changelog можно посмотреть здесь:

👉 https://github.com/angular/angular/blob/master/CHANGELOG.md

✨💖 Встречайте — Angular 9 и Ivy

Ivy включен по умолчанию в 9 версии, поэтому предлагаю ознакомиться с кратким перечнем того, что было сделано:

 💖 Меньший размер бандла
 ✨ Улучшенное тестирование
 ✨ Улучшенный дебаг
 ✨ Улучшенная статическая типизация
 ✨ Улучшенное отображение ошибок
 ✨ Улучшенное время сборки,
         по умолчанию включен AOT
 ✨ Улучшенная интернационализация

😁 Убедитесь, что вы используете Angular CLI v9.0.1. В последнем патче исправлена регрессия, которая случилась в последней версии.

👉 https://blog.angular.io/version-9-of-angular-now-available-project-ivy-has-arrived-23c97b63cfa3

✨👩🏻‍🚀 Загрузка файлов с помощью RxJS

RxJS — это мощный инструмент, который делает сложные вещи простыми. А вместе с Angular и HttpClient реализация загрузки файлов с отслеживанием их статуса занимает несколько строчек кода.

👉 https://medium.com/p/eaf2027266f1

🦄 NgRuAir — сегодня в 20:00

На прошлой неделе состоялся долгожданный релиз Angular 9 и Angular Ivy. Сегодня вместе с вами поговорим про производительность и изменения фреймворка, и узнаем, все ли хорошо с этим.

👉 https://youtu.be/_XY1xyEyr6I

✨🦊 Лис теперь GDE

Я очень рад анонсировать, что я теперь Google Developer Expert по Angular и Веб-технологиям! А это значит, что совсем скоро опубликую историю о собственном опыте, которая наверняка будет вам интересна.

💖 И выражаю огромную благодарность каждому! А если у вас есть твиттер, то буду очень рад вашему лайку.

👉 https://twitter.com/thekiba_io/status/1227618348869079040?s=20

✨🚀 Lazy Loading компонентов в Angular 9

Ленивая загрузка компонентов, это одно из главных улучшений в Angular Ivy. Теперь это делается проще, чем раньше. А вместо NgComponentOutlet вы можете использовать @ngxd/core, который еще сильнее упростит работу с компонентами и сделает все биндинги автоматически.

👉 https://netbasal.com/e76f0ee2854a

🚀🦊 Lazy Components: связываем Input и Output

Если вы еще не подписаны на мой twittertwitter, то вы могли пропустить пример с Lazy Dynamic Components с использованием @ngxd/core@ngxd/core для Angular 9.

💖 Простой, как NgComponentOutlet
✨ Автоматически биндит Input и Output
✨ Поддерживает Lazy Components

👉 https://twitter.com/thekiba_io/status/1230076631722659841?s=20