🔖RxJS + Angular Signals: Идеальная команда для современных приложений
Долгое время RxJS был главным инструментом реактивности в Angular, но с появлением Signals всё изменилось. Теперь у нас есть мощная синергия, которая решает старые проблемы!
🔸Главное правило: Никаких Observable в шаблонах!
До свиданья,
async pipe! Теперь мы используем toSignal() для преобразования потоков в сигналы:readonly copied = toSignal(
fromEvent(button, 'click').pipe(
exhaustMap(() =>
timer(2000).pipe(
map(() => false),
startWith(true)
)
)
),
{ initialValue: false }
);
🔸Зачем это нужно?
Signals идеальны для управления состоянием — они всегда знают своё текущее значение и отлично интегрируются с системой обнаружения изменений Angular.
RxJS остается незаменимым для событийно-управляемой логики — обработки кликов, навигации, API браузера.
🔸Крутые возможности:
- Привязка к хост-элементу:
'[class.active]': 'isActive()'- Реактивные входы:
toObservable(this.duration)- Простые выходы:
outputFromObservable(stream$)Теперь мы получили лучшее из двух миров: стабильность сигналов + мощь RxJS операторов!
📎 Статья
🎙 Новости
📝 База вопросов