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

✨👩‍🚒 Главная проблема AsyncPipe Initial Null Problem: это неочевидная особенность работы с асинхронными данными. Разбираемся в механизмах реализации AsyncPipe и решаем его главную проблему на этапе инициализации. 👉 https://indepth.dev/initial-null-problem-of-asyncpipe-and-async-data-binding/

🍚🦊 Кир и Лис ищут ассистента Мы программисты, и активно занимаемся развитием Angular сообщества в России и в Мире. Лис: https://twitter.com/thekiba_io Кир: https://twitter.com/kirjs Последнее время мы испытываем проблемы с нехваткой времени. Поэтому сейчас подыскиваем себе ассистента(-тку), для выполнения небольших поручений. Если у вас есть друг или подруга, которому(-ой) может подойти такой вариант подработки, то, пожалуйста, расскажите ей или ему об этом предложении. 👉 https://forms.gle/AKQgTKe6wAtFS8ok8

🚀🦊 Lazy Components: связываем Input и Output Если вы еще не подписаны на мой twitter, то вы могли пропустить пример с Lazy Dynamic Components с использованием @ngxd/core для Angular 9. 💖 Простой, как NgComponentOutlet ✨ Автоматически биндит Input и Output ✨ Поддерживает Lazy Components 👉 https://twitter.com/thekiba_io/status/1230076631722659841?s=20

✨🚀 Lazy Loading компонентов в Angular 9 Ленивая загрузка компонентов, это одно из главных улучшений в Angular Ivy. Теперь это делается проще, чем раньше. А вместо NgComponentOutlet вы можете использовать @ngxd/core, который еще сильнее упростит работу с компонентами и сделает все биндинги автоматически. 👉 https://netbasal.com/e76f0ee2854a

✨🦊 Лис теперь GDE Я очень рад анонсировать, что я теперь Google Developer Expert по Angular и Веб-технологиям! А это значит, что совсем скоро опубликую историю о собственном опыте, которая наверняка будет вам интересна. 💖 И выражаю огромную благодарность каждому! А если у вас есть твиттер, то буду очень рад вашему лайку. 👉 https://twitter.com/thekiba_io/status/1227618348869079040?s=20

🦄 NgRuAir — сегодня в 20:00 На прошлой неделе состоялся долгожданный релиз Angular 9 и Angular Ivy. Сегодня вместе с вами поговорим про производительность и изменения фреймворка, и узнаем, все ли хорошо с этим. 👉 https://youtu.be/_XY1xyEyr6I

✨👩🏻‍🚀 Загрузка файлов с помощью RxJS RxJS — это мощный инструмент, который делает сложные вещи простыми. А вместе с Angular и HttpClient реализация загрузки файлов с отслеживанием их статуса занимает несколько строчек кода. 👉 https://medium.com/p/eaf2027266f1

✨💖 Встречайте — 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

✨🎉 Angular 9 — релиз Angular 9 наконец-то зарелизили! Для обновления на новую версию достаточно следовать этим инструкциям: 👉 https://update.angular.io/ Перечень нововведений опубликую завтра, changelog можно посмотреть здесь: 👉 https://github.com/angular/angular/blob/master/CHANGELOG.md

✨😻 Кастомные операторы для RxJS RxJS предоставляет множество готовых операторов, которые помогают решить любую задачу. Но иногда решение становится сложным для понимания. Это можно исправить с помощью создания кастомных операторов для RxJS. 👉 https://medium.com/p/32f052d69457

✨🧩 Дружим Angular и Nest.js вместе с gRPC Я не являюсь фанатом REST, поэтому в своей практике стараюсь использовать RPC, так как он упрощает разработку API и клиента. А используя gRPC мы получаем статическую типизацию клиент-серверного взаимодействия из коробки. 👉 https://medium.com/p/f8eca5404fc7

🏎️💨 Что происходит с 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/

✨🦄 Пишем свою стратегию для VirtualScroll из Angular CDK Написание кастомной стратегии для VirtualScroll может показаться сложной задачей. Но благодаря DI и предусмотрительности команды Angular, это оказалось достаточно просто. 👉 https://habr.com/ru/post/484168/

🔥🚀 Angular Ivy и Component features Angular Ivy открывает огромные возможности по расширению компонентов. Теперь мы можем получить доступ к Injector, просто изменив factory в ComponentDef с помощью features. 👉 https://indepth.dev/component-features-with-angular-ivy/

🌈🦄 NG-BE 2019 — видосики На Angular конференции в Бельгии были подняты актуальные темы: RxJS, Performance, Angular Architecture и Angular Compiler. Записи всех докладов доступны для просмотра на YouTube! 👉 https://www.youtube.com/playlist?list=PL9pV_RwZceNg1jtLA2fuE3SNAEApuna0o

🔥🚀 State of JavaScript 2019 — результаты В опросе State of JavaScript приняло участие почти 22 тысячи человек. И наверняка вам будет интересно узнать в каком направлении движется наш Frontend. 👉 https://2019.stateofjs.com/

🌈🦄 Angular 9 и новые scope для providedIn Посмотрев на providedIn: 'any' вам может показаться, что это какая-то ошибка… но нет! В Angular 9 появится возможность регистрировать провайдеры для 'platform' и 'any'. 👉 https://christiankohler.net/improved-dependeny-injection-with-the-new-providedin-scopes-any-and-platform

🎄🌟 Релиз Angular 9 отложили до Нового Года Это потрясающее решение, ведь у многих из нас уже праздничное настроение! 🥳 Отпразднуем Новый Год, а Angular будет нам подарком на Рождество! 🎁 💝 👉 https://twitter.com/jules_kremer/status/1206645952548720640

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

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

👉 https://netbasal.com/c4037199859f

💡 Некоторое время назад я опубликовал статью Почему вам НАДО отписываться от Observable. И каждый день я получаю сообщения, что не надо отписываться от HttpClient... ✨🦊 Я сделал live demo для вас, чтобы объяснить почему все таки надо! И если вам тоже понадобится объяснить это кому-то, то смело используйте его. 👉 https://stackblitz.com/edit/why-you-have-to-unsubscribe-from-observable-material