Angular Fanatic CHANNEL DESCRIPTION

---

Owner Description

Ангуляр в каждый проект!
__________
Канал на паузе

Angular Fanatic channel is growing at a rate of -1% and has a potential to reach 1478 people. Advertisers can reach out to the channel admin for any advertising opportunities within this channel.

Angular Fanatic MOST VIEWED POST

---

Angular Fanatic CHANNEL PREVIEW

---

@ngFanatic : 📍 Интересное наблюдение. Тут в issue про уменьшение времени сборки в angular, провели эксперимент на новом arm64, macbook m1. Результаты: node.js 14 x86, macbook intel i7 2,2 Ghz, turboboost off - 8.9s node.js 14 x86, macbook intel i7 2,2 Ghz, turboboost on - 6.1s node.js 14 x86, macbook m1 - rosetta 2 - 6.0s node.js 15 arm64, macbook m1 - native - 2.9s Но не стоит бежать в apple store за новым macbook, эксперимент был проведен на довольно простом проекте, на более серьезном webpack упал.

---

@ngFanatic : После долгого перерыва, мы вновь соберем ngRuAir. В этот раз будет тема про Angular 11. Сегодня, 25 ноября, live в 20.00 мск https://www.youtube.com/watch?v=J98fHG0Z4wQ

---

@ngFanatic : На страницах Angular Docs неделю назад появилась страница со всеми примерами показанные в самих доках, включая Tour of Heroes https://angular.io/guide/example-apps-list

---

@ngFanatic : Присоеденяйтес к ngParty вместе с Angular Team прямо сейчас: https://www.youtube.com/watch?v=Oi-ucZeJBjs&feature=youtu.be

---

@ngFanatic : 🥳А вот и релиз Angular 11🥳 https://github.com/angular/angular/blob/master/CHANGELOG.md Традиционный пост по релизу: https://blog.angular.io/version-11-of-angular-now-available-74721b7952f7 В пятницу так же будет ngParty вместе с Angular Team https://mobile.twitter.com/angular/status/1326784437200236544

---

@ngFanatic : Pluggable Angular Architecture with Webpack 5 Module Federation 2 года назад я рассказывал на одном из митапов Angular Moscow, про плагинную архитектуру (youtube) как это было во времена AngularJS, и как должно было быть круто с приходом Angular IVY. И вот этот день можно сказать почти настал. https://github.com/alexzuza/angular-plugin-architecture-with-module-federation Реализация плагинной архитектуры с Angular 11 станет еще более удобной, с использованием фич Webpack 5. В этом примере Alex

---

@ngFanatic : rx-angular/templates: render strategy Дополнительный property - strategy. Есть в push pipe и rxLet directive. RenderStrategies можно рассматривать как основу уровня оптимизации производительности. Local Strategy - эта стратегия рендерит текущий компонент и все его дочерние элементы, которые находятся на пути, отмеченном как dirty или имеющем компоненты с ChangeDetectionStrategy.Default На первый взгляд может показаться, что это тоже самое что вызов detectChanges, но тут он имеет отличия, а

---

@ngFanatic : rx-angular/templates: unpath UnpatchEventsDirective - для частичной деактивации NgZone, а также избавления от ненужных рендеров через патчи addEventListener зоной. Его можно использовать с любым элементом, к которым вы применяете привязки событий. Проблемный код:

Проблема в том, что каждое событие, зарегистрированное через (), например (mousemove) (или custom @Output ()) помечает компонент и всех его предков как dirty и повторно перерисовывает

---

@ngFanatic : В продолжение Angular Push Pipe rx-angular/templates: rxLet Директива *rxLet, по сути такой же как и *ngrxLet но с некоторым отличием. Дополнительные каналы RxJS, next, error, complete и бонусом suspense когда еще ничего не определено. {{hero.name}} Loading... Error!

---

@ngFanatic : Angular Push Pipe - новый способ оптимизации работы Angular приложения без работы zone.js c включенным в проект zone.js Обзор 2 статей. Как вы знаете вся магия работы Angular работает исключительно за счет zone.js. (Для тех кто не в курсе, тут есть замечательное объяснение на русском - zone js от а до я). В статье рассказывается за счет чего работает тот же async pipe, и как собственно работает changeDetection. Приводится много аргументов того что async pipe будет недостаточно производительны

---