Simulador Angular RxJS Fintech — Elizabeth Sáenz, Tajamar

RXJS OPERATORS

DASHBOARD

JWT INTERCEPTOR

CHANGE DETECTION

Selecciona un operador para ver su marble diagram y código real

switchMap

Cancela petición anterior. Búsquedas typeahead y filtros.

ÚLTIMO VALOR

mergeMap

Ejecuta todo en paralelo. Recursos independientes.

PARALELO

concatMap

Cola ordenada. Transacciones donde el orden importa.

ORDENADO

exhaustMap

Ignora nuevas emisiones. Botón Pagar anti-duplicados.

ANTI-DUP

MARBLE DIAGRAM — switchMap

SALDO TOTAL

€47,382

+€124 hoy

IBEX 35

10,842

+0.34%

EUR/USD

1.0821

-0.12%

ALERTAS

Requieren revisión

COTIZACIONES

WEBSOCKET

BÚSQUEDA DE CUENTAS switchMap

ÚLTIMAS TRANSACCIONES concatMap — orden garantizado

Simula el ciclo completo JWT — normal o con token expirado

HTTP

Request

›

Interceptor

Adjunta token

›

API

200 / 401

›

catchError

Detecta 401

›

refresh()

Nuevo token

›

Retry

Transparente

LOG DEL INTERCEPTOR

Compara cuántos componentes se verifican en cada estrategia

DEFAULT CD

ONPUSH CD

COMPONENTES VERIFICADOS

Default: revisa TODOS los nodos