Up and Running with redux-observable

1h 20m

4.5

550

people completed

Bookmark

Download

RSS

Note: RxJS imports have changed since the publication of this course. Operators now must be passed into .pipe to be applied to an observable.

In this course we will begin with nothing more than an empty directory & a text editor. Through small, focussed lessons we’ll learn how to setup a React project that uses Redux for state management and redux-observable for asynchronous actions. We’ll see how ‘epics’ are registered and how they each receive a ‘stream’ of actions from the store.

With an understanding of how things work, we’ll move onto solving common problems such as Ajax cancellation, creating sequences of async actions, enabling code reuse through higher-order Observables and much more.

UPDATE:

This course is outdated, view updated material here: Asynchronous State Management with redux-observable v1

Instructor

Shane Osbourne

Shane is a frontend web developer working at UK-based http://wearejh.com. Focussed primarily on Javascript tooling, he's the creator of http://browsersync.io and a regular contributor to many open source projects.

Course content (13 lessons)

1
Add Redux to a React application
4m 20s
2
Use actions to modify the state of the Redux store
5m 37s
3
Add redux-observable to an existing Redux project
6m 49s
4
Debug redux-observable with redux dev-tools
1m 37s
5
Use redux-observable for simple Ajax requests
6m 37s
6
Create a queue of Ajax requests with redux-observable and group the results.
7m 20s
7
Debounce user input to avoid repeated Ajax requests
8m 3s
8
Handle network errors gracefully
7m 38s
9
Filter a stream to exclude empty values
6m 48s
10
Use an action to cancel an Ajax request
6m 30s
11
Testing the output of epics
3m 26s
12
Mocking an ajax request when testing epics
8m 2s
13
Use tests to verify updates to the Redux store
7m 20s

illustration for Up and Running with redux-observable

Start Watching

Instructor

Shane Osbourne