📊 Capítulo 10: Fundamentos de RxJS & Subjects
Especialização em Frontend com Angular
🗺️ O Fluxo de Emissão de Eventos no RxJS
sequenceDiagram
autonumber
actor C as Componente Consumidor
participant OBS as Observable (Stream de Dados)
participant SUB as Subject / BehaviorSubject
C->>OBS: subscribe({ next, error, complete })
Note over OBS: Executa apenas após a inscrição (Cold Stream)
OBS-->>C: next(10)
OBS-->>C: next(20)
OBS-->>C: complete()
Note over SUB: Multicast para múltiplos inscritos simultaneamente
SUB-->>C: Emite último valor retido (BehaviorSubject)
🎯 Slide 1: Tipos de Subjects no RxJS
-
Subject: Emite eventos apenas para quem já estiver inscrito no momento da emissão. -
BehaviorSubject: Guarda o último valor emitido e o entrega imediatamente para qualquer novo assinante que chegar depois. ReplaySubject: Guarda um histórico dos últimos $N$ valores.
🎯 Slide 2: Inscrição e Desinscrição Automática
-
Inscrições manuais (
.subscribe()) geram Memory Leaks severos se não forem canceladas. - Solução: Use o operador
takeUntilDestroyed()ou converta para Signal comtoSignal()!
🎯 Slide 3: Cold vs Hot Observables
-
Cold (ex.:
HttpClient.get): Não faz nenhuma requisição de rede até que alguém chame.subscribe(). - Hot (ex.: Cliques do mouse / WebSockets): Continua emitindo eventos mesmo que ninguém esteja ouvindo.
🔗 Navegação do Capítulo 10
| 📖 Ler Conteúdo Completo | 🧠 Fazer Quiz | 💻 Ver Exemplos | 🧩 Exercícios |
Slide 1 de 1
Atalhos: ← → Navegar • Espaço Avançar • F Tela Cheia • Home Início • End Fim