От магии до понятной структуры: разбираемся, как работает 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/

Как выжить в мире сложных интерфейсов в 2025-м: 7 работающих рецептов от React и CSS до дизайн-систем

Как говорил дядя Бен, большие продукты — это большая ответственность. И без сложных интерфейсов тут никуда: а с ними и исследования становятся труднее, и встречается больше препятствий на этапе кода — от нюансов реактивного программирования до риска утонуть в разнообразии CSS-спецификаций. Для

https://habr.com/ru/companies/ncloudtech/articles/924704/

Do you want to understand core concepts and operations of Reactive Programming nice and easy?

Dive into our tutorial, Rx Playground!
http://sml.io/rxplayground

Rx Playground gives you:
Interactive learning with real-time data flow
Fun environment to experiment with Rx operators
Beginner-friendly tutorial with advanced use cases

Learn how operators like map, merge, switchMap, debounceTime, and more really work by seeing them in action.

Angular 20: Большое обновление для современного веба

Angular 20 — это мощное обновление, которое делает разработку веб-приложений быстрее, удобнее и современнее. Новые возможности шаблонов, стабильные сигналы, поддержка zoneless режима и интеграция с AI позволяют создавать высокопроизводительные приложения с минимальными усилиями. В этой статье разберём ключевые нововведения Angular 20 и покажем, как их использовать в ваших проектах.

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

Explore #RxJS best practices designed for today’s modern ecosystem!

This #InfoQ article guides you through patterns that scale from Angular 16 all the way to Angular 17/18, helping you write cleaner, more efficient, and future-proof code.

Read now: https://bit.ly/44Uvj7H

People keep saying RxJS (well, observables) aren't suitable for React.

No, RxJS (and observables) are absolutely perfect for React.

Has anyone here worked with RxDB (https://rxdb.info) before?

(Have I asked this question beige? )

I like the concept and it seems robust from what I’ve been reading on the docs, but something about it rubs me the wrong way.

The tracking during dev perhaps that’s not possible to turn off? The quite aggressive marketing of the premium version? The constant popups while reading the docs?

Unsure, but I’d like to hear from people who have used it, if there are any.

[Перевод] Что новенького в Angular 19

Всем привет, с вами Максим Иванов , и сегодня мы поговорим о некоторых улучшениях, которые появились в последней версии Angular 19 , вышедшей в ноябре 2024. Публикация довольно запоздалая с этой точки зрения, но мы сегодня постараемся рассмотреть некоторые нововведения более детально. Как и всегда ребята из Google дарят нам что-то новое, что сделает наши приложения еще более быстрыми и эффективными. И в этом нам помогут модерновые реактивные примитивы, инкрементальная гидратация и многое другое.

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

IT IS A FUCKING GEM....

interval(50)
    .pipe(
        filter(() => storageService.isReady()),
        retry(100)
    )
    .pipe(take(1))
    .subscribe(() => {
        console.log("storage ready");
    })

I know how powerful #rxjs can be, but sometimes it's REALLY hurting my brain....

I've been pondering about creating EventSourcing, CQRS & DDD scaffolding from scratch in TypeScript.

There doesn't seem to be an OpenSource basic scaffolding for this using RxJS? ( I mean the basic bang like NgRx ).

DDD -> NgRx
- Command -> Action ( in imperative )
- Command Handler -> Effect
- Domain Event -> Action ( in past tense )
- Aggregate state -> a Store entry
- Aggregate state's apply -> Reducer

Did I get this right?

Having worked with #Angular in-depth for 2 years now, I can articulate what I don’t like about the #framework.

1. #RxJS is a terrible primitive to build most #CRUD software upon. #Promises are better for most things, and event listeners are fine.

2. Its #DI system encourages long-lived, easily-accessible Singletons that are serious “foot guns.”

3. Data management is painful. Resolvers are a worse DX than either #EmberJS’s Ember Data or #React’s TanStack Query.

Master Asynchronous JavaScript with RxJS.

https://buff.ly/41lIkVY
#javascript #rxjs #async #webdev #webdevelopment

Who's excited about observables in the browser like I am?
#reactive #observable #rxjs but not rxjs

https://wicg.github.io/observable/

New article!

I rewrote my blog build scripts to eliminate Gulp, and used RxJS for the file streams. I wrote down what I learned:

https://adaedra.eu/gulp-to-rxjs/

RxJs для самых маленьких

В этой статье мы подробно рассмотрим такую библиотеку как RxJs. Разберем несколько простых примеров и поймем что такое поточность в программировании.

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

I built this POC to demonstrate how I'd use CustomEvents to implement Signals. Please criticize my approach and tell me why I need a native browser API for this.

https://card-calc.surge.sh/