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
Demo / Code
What are Observables good for?
- Composing Asynchronous Events
- Client side throttling and debouncing
- Cancelation
- State Management (Redux, Flux, NgRx)