Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Everything as a Stream - How We're Embracing Functional Reactive Programming to Build a Large SPA

JSConf via YouTube

Overview

Explore functional reactive programming and its application in building large Single Page Applications (SPAs) in this JSConf US 2019 talk. Discover why RxJS and stream-based approaches were chosen for state management, side-effects handling, and complex data flow reasoning. Learn about the flexibility of RxJS in working with data streams and its role in decoupling monolithic applications. Examine the challenges and pitfalls encountered when utilizing RxJS Observables, and uncover emerging patterns. Dive into topics such as Redux with redux-observable, action streams for application-wide communication, routines, dead streams, advanced state streams including derived and proxy state, cold vs. hot observables, and view streams for data fetching. Evaluate the benefits of RxJS and streams, and consider whether embracing this approach is suitable for your projects.

Syllabus

Intro
Outline
Functional Reactive Programming?
The Observable - Comes from Reactive extensions (RX)
Redux with redux-observable
Streams made sense
From the Redux documentation
The Building Blocks
The Action Stream - Allows any part of the application to communicate
Routines
Roadblock: Dead streams?
Advanced state streams: derived state
Advanced state streams: proxy state
Roadblock: cold vs. hot?
View streams: fetching data
Benefits of RxJS & streams
Should you embrace streams?

Taught by

JSConf

Reviews

Start your review of Everything as a Stream - How We're Embracing Functional Reactive Programming to Build a Large SPA

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.