Asynchronous State Management with redux-observable v1
Offered By: egghead.io
Course Description
Overview
Handling async actions that affect your application’s state sounds like a tall order, but Redux makes it possible — and a win-win for you and your app’s users.
In this course, we will begin with nothing more than an empty directory and a text editor. Through small, focused lessons, we’ll learn how to set up 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 like:
Ajax cancellation
creating sequences of async actions
enabling code reuse through higher-order Observables
and much more.
In this course, we will begin with nothing more than an empty directory and a text editor. Through small, focused lessons, we’ll learn how to set up 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 like:
Ajax cancellation
creating sequences of async actions
enabling code reuse through higher-order Observables
and much more.
Syllabus
- Add Redux to a React application
- Add redux-observable to an existing Redux project
- Debug redux-observable with redux dev-tools
- Immediately fetch data from an API on page load
- Fetch data on demand from an API
- Create an Ajax request from User Input
- Debounce user input to avoid repeated Ajax requests
- Filter actions to exclude empty values
- Handle network errors gracefully
- Use an action to cancel an Ajax Request
- Combine keyboard events with regular actions
- Access values from the store within an epic
- Save user input to the store and access it from an Epic
- Store and retrieve values from LocalStorage
- Create multiple Ajax requests and group the the results.
- Inject dependencies into Epics
- Test Epics with Marble Diagrams
- Simulate network errors within tests
- Test the interaction between streams
Taught by
Shane Osbourne
Related Courses
Introduction to ReactJSMicrosoft via edX Front-End Web Development with React
The Hong Kong University of Science and Technology via Coursera Multiplatform Mobile App Development with React Native
The Hong Kong University of Science and Technology via Coursera Client-based Web Applications development: ReactJS & Angular
Universidad Politécnica de Madrid via Miríadax React
Udacity