Cómo funciona RxJS con metáfora de oficina
Clase 66 de 80 • Curso de Angular 4
Contenido del curso
Introducción a Angular 4
Setup del Ambiente de Trabajo
Conceptos Básicos
- 9

Para qué nos sirven los Módulos y Componentes
08:10 min - 10

Tipos de Data Binding y String Interpolation
05:05 min - 11

Property Binding
06:04 min - 12

Event Binding
03:04 min - 13

ngModel y two way binding en Angular
05:12 min - 14

Directivas en Angular 4 y ngFor
07:39 min - 15

Cómo usar ngIf en Angular 4.0
03:04 min - 16

Instalando librerías con NPM (Google Maps)
06:48 min
Directivas
Angular UI
Ruteo
- 24

Qué hace el router en Angular 4
03:11 min - 25

Implementación de Rutas en el Proyecto
07:36 min - 26

Href vs router link: navegación angular
02:27 min - 27

Resaltando el link activo con CSS para indicar visualmente en que componente nos encontramos
01:53 min - 28

Parámetros de ruta con routerLink en Angular
06:01 min - 29

Parámetros tipo Query
03:53 min - 30

Creando una vista de detalle para el proyecto
09:06 min - 31

Página de contacto Angular desde cero
07:45 min
Servicios
- 32

Servicios en Angular para compartir datos
00:58 min - 33

Creando nuestro propio servicio
07:11 min - 34

Configurando Firebase en nuestro proyecto
05:12 min - 35

Guardando Records en Firebase
12:20 min - 36

Obteniendo records desde Firebase
08:40 min - 37

Obteniendo coordenadas usando Geocoding
13:45 min - 38

Reto: Crear una vista para editar records
09:29 min - 39

Mostrando marcadores en el Mapa de Google
03:02 min
Conexión Remota (Http y Sockets)
Pipes
Animaciones en Angular
Testing en Angular
Autenticación y Protección de Rutas
- 59

Cómo funcionan los JSON Web Tokens
03:05 min - 60

Preparación de vistas para login y registro
11:58 min - 61

Registrando usuarios
07:29 min - 62

Loggeando usuarios
07:18 min - 63

Guardias canActivate en Angular: Proteger rutas con autenticación
11:09 min - 64

Cómo integrar Facebook login con Firebase
09:08 min - 65

Logout en Angular con Firebase
05:28 min
RxJS
- 66

Cómo funciona RxJS con metáfora de oficina
Viendo ahora - 67

Mostrar email del usuario logueado en Angular
06:32 min - 68

Uso de los Observables
04:30 min - 69

Cómo implementar type ahead con Observables y RxJS
10:43 min - 70

Implementar formularios reactivos con type ahead
07:58 min - 71

Cómo rellenar campos automáticamente con Google
01:28 min
Publicando nuestro proyecto
Fin del curso
Sesiones en vivo
Contenido Bonus
Comprende RxJS y los observables con una metáfora simple y potente: una oficina con recepción, una asistente que filtra y prioriza, y un alto ejecutivo que solo recibe lo importante. Verás cómo un stream de clientes equivale a un flujo de datos al que puedes suscribirte y procesar con operadores para obtener justo lo que necesitas.
¿Cómo funciona la metáfora de la oficina para RxJS?
En la recepción llegan personas una a una y la asistente intercepta, organiza y decide qué pasa a la oficina del alto ejecutivo. Atiende paquetes, reportes y solicitudes urgentes. Resume el informe de Recursos Humanos, entrega la agenda del día y prioriza lo crítico. El ejecutivo trabaja en lo suyo y recibe solo lo relevante.
- La asistente atiende sin saber cuántos clientes llegarán, de forma inmediata.
- Resume reportes y entrega solo cifras de interés al ejecutivo.
- Prioriza paquetes e información según su importancia.
- Agenda citas cuando el alto ejecutivo está ocupado.
- Mantiene una lista de tareas pendientes por organizar.
¿Por qué la asistente es un filtro?
Porque decide qué entra, cuándo entra y en qué formato. Toma datos sin estructura (personas que llegan con distintos asuntos) y los transforma: resume, prioriza, da formato y entrega al destinatario correcto. Así, todo fluye ordenadamente.
¿Qué significan stream y suscripción en RxJS?
Cuando llegan “varios clientes” de forma continua, eso es un flujo o stream. Cada cliente representa un dato. Podemos suscribirnos a ese stream para reaccionar cada vez que llegue un nuevo dato. No hace falta saber cuántos llegarán: simplemente los atendemos conforme aparecen.
- Un stream es una secuencia de eventos que llegan con el tiempo.
- Cada evento equivale a un dato que podemos usar al instante.
- Suscribirse es escuchar y actuar en cada llegada del dato.
- La urgencia o prioridad cambia el orden y el tratamiento de la información.
¿Cómo se procesan los datos que llegan?
Al suscribirnos, podemos usar el dato “tal cual” o transformarlo antes de pasarlo al “ejecutivo” (nuestro código que decide). Igual que la asistente, podemos decidir si se entrega completo, resumido o con otro formato.
¿Qué papel cumplen los operadores en RxJS?
Los operadores permiten dar un “tratamiento especial” a los datos del stream. En la metáfora, la asistente filtra, resume, prioriza y da formato. En RxJS, ese rol lo cumplen los operadores sobre los observables: transforman, seleccionan o reordenan antes de entregar.
- Operadores: herramientas para transformar y priorizar datos.
- Filtro: decide qué pasa y qué se descarta.
- Resumen: reduce la información a lo esencial.
- Prioridad: organiza la entrega según importancia u oportunidad.
¿Tienes una duda o quieres compartir cómo aplicas esta metáfora en tu código con streams y observables? Escribe tu comentario y seguimos la conversación.