Reactive Programming with RxJS

Cory Rylan

Cory Rylan

- Google Developer Expert for Angular and Web

- Front End Developer

@coryrylan

coryrylan.com

Async is Hard

Many Concerns with the Single Page Apps (SPAs)

- XHR / AJAX

- Web Sockets

- User Input / Forms

- Local Web Storage

- Inconsistent APIs

   (Promises, Callbacks, Event Emitters)

What is Reactive Programming?

"In computing, reactive programming is an asynchronous programming paradigm oriented around data streams and the propagation of change."

Event Streams

XHR / AJAX

-------

x

------->

Web Sockets

----

x

----

x

---- x ------>

Clicks / User Input

----

x

---------

x

- x ------>

Observables

- Observer Pattern

 

-  JavaScript Proposal

 

- DOM API Proposal

 

- RxJS Library Implementation

 

 

Demo / Code

What are Observables good for?

  • Composing Asynchronous Events
  • Client side throttling and debouncing
  • Cancelation
  • State Management (Redux, Flux, NgRx)

Thank You

beginner-rxjs

By Cory Rylan

beginner-rxjs

  • 1,627