ProblemA

¿Qué tan difícil es manejar datos asincrónicos?

SoluCión?

No me importa si tienes los datos o no, solo continua

No esperar a los datos y continuar procesando

Solución?

Espero que los datos lleguen pronto, esperaba que llegaran hace mucho tiempo

funciones callback

SoluCión

Te doy mi palabra que te daré un resultado, o al menos te diré si fallé al intentarlo

Promesas

SoluCión

Promesas

MultipleS veces

Programación reactiva

¿Qué es programación reactiva?

ReactivA en Acción

Cadenas de eventos son en realidad un flujo de eventos asincrónicos, donde puedes observar y hacer algunos cambios

Flujo de datos

Eres capaz de crear un flujo de datos a partir de cualquier cosa

variables, entradas de usuario, propiedades, caches, estructuras de datos, etc.

funciones y más

Te dan una increíble conjunto de funciones que te permiten combinar filtrar y hacer cambios sobre cualquiera de estos flujos de datos

Ventajas

Los Sistemas Reactivos son:

 

- flexibles y escalables

- altamente responsivo

- tolerante a fallos

- evolutivo

Flexible

Cuando un cambio es requerido la respuesta es manejada por nuestras herramientas

Cambios en un flujo de datos son fáciles de hacer

Responsivo

El usuario tendrá una respuesta inmediata

No hay demora entre una acción y su resultado

Evolutivo

La aplicación puede crecer y expandirse, incluyendo nuevas funcionalidades de forma rápida

Hacer el código fácil de mantener y mejorar

Overview

Overview

Overview

Overview

Overview

Overview

http://reactivex.io/documentation/operators/combinelatest.html

Rxjs marbles

http://rxmarbles.com/

RX Más que solo JS

http://reactivex.io/

RX Más que solo JS

Desventajas

Aprenderlo es difícil

Dominarlo lo es aún más

DESVENTAJAS

la master sword - empieza con poco poder

DESVENTAJAS

No sabes como usarla

solo golpeas sin pensarlo

DESVENTAJAS

A través del entrenamiento incrementas su poder

DESVENTAJAS

La master sword se convierte el arma más poderosa que puedes usar

DESVENTAJAS

• Solo un conjunto de herramientas no sabes como utilizarlas
   

• Difícil de hacer debugging
   

• Aprender require paciencia y experimentación
   

• Difícil de agregar observables / programación reactiva a una aplicación en producción

What´s New

• https://github.com/tc39/proposal-observable

Version 5 vs 6

El uso de funciones sobre los flujos de datos se hace a traves de la función .pipe() (introducida en v5.5)

Solo existen dos indices de importación en la versión 6, el paquete 'rxjs' y el paquete 'rxjs/operators'

Version 5 vs 6

• Bundles más pequeños
   
• Mejora el rendimiento de versiones anteriores de RxJS
   
• Da más modularidad a la estructura de archivos
   
• Da mejores 'call stacks' para hacer el debugging más fácil.