Zenless Zone Zero Version 2.4 “On the Precipice of the Abyss” Special Program https://www.playing-games.com/871681/ #3Z #HoYoverse #miHoYo #TripleZ #Z·Z·Z #zen #zenless #ZenlessZoneZer0 #ZenlessZoneZero #zer0 #Zero #zoneless #ZZZ #ゼンレスゾーンゼロ #绝区0 #绝区零

Прощай, Zone.js: ускоряем Angular с Signal API и Zoneless-подходом

Привет! Я Незар, фронтенд-разработчик Т-Банка в одном из продуктов Т-Бизнеса. Наша команда использует Angular, и мы следим за всеми изменениями, которые с ним происходят. В статье разберу, как Angular эволюционировал от Zone.js к Zoneless-приложениям с современным реактивным подходом Signal API и почему это стало ключевым шагом для повышения производительности и упрощения реактивного программирования. На примерах и замерах производительности посмотрим, как переход к Zoneless-подходу с Signal API позволяет сократить избыточные перерисовки, ускорить отклик приложения и сделать код значительно чище и предсказуемее. Сделаем Angular-приложения быстрее и проще, добро пожаловать под кат!

https://habr.com/ru/companies/tbank/articles/928206/

#angular #change_detection #zonejs #Signal_API #zoneless

От магии до понятной структуры: разбираемся, как работает Change Detection в Angular

В Angular любое изменение в компоненте, которое отображается на экране, является результатом работы механизма отслеживания изменений (Change Detection, CD). За этим процессом стоит Zone.js, который можно представить в роли дирижера, сообщающего компонентам о необходимости обновить DOM. Zone.js не запускает CD сам. Он лишь создает контекст, в котором Angular потом может его запустить. Его задача только уведомлять Angular о завершении асинхронных операций, после чего Angular решает, нужно ли проверять изменения. Чтобы понять важность такого подхода, нужно учитывать особенности JavaScript. В JavaScript асинхронные операции, такие как setTimeout или fetch, разрывают стек вызовов. Это значит, что callback-функция, выполняемая после завершения асинхронной операции, не имеет информации о контексте, в котором она была вызвана. Для фреймворка, который отслеживает изменения, это создает определенные трудности: как узнать, что асинхронная операция завершилась и, возможно, изменила данные? Заглянуть под капот

https://habr.com/ru/articles/925260/

#Angular #Change_Detection #Zonejs #Zoneless #Angular_Signals #Производительность #Оптимизация #RxJS #Архитектура #javascript

Desarrollo continuo de Zoneless:

Se espera que la detección de cambios Zoneless continúe su evolución y se consolide como una opción viable. 🧪 #zoneless

Yo ya tengo proyectos en los que empezamos a hacerlos zoneless y reusando incluso componentes existentes gracias a que forzamos el OnPush con reglas de ESLint

Zoneless Angular 18

По праву основной фичей Angular 18 стала Zoneless Change Detection . Именно с ней так и хочется разобраться. Одна из ключевых особенностей Angular — без преувеличения, мощнейший механизм обнаружения изменений, который отвечает, как ни странно, за обнаружение изменений и обновление вьюх. Перед тем как мы перейдем к Zoneless Change Detection, вкратце пробежимся по концепции механизма CD (Change Detection) и тому, как он реализуется с помощью zone.js.

https://habr.com/ru/articles/825764/

#zonejs #zoneless #angular18 #angular #frontend #lonya