In this chapter, we'll look at how to test-drive the WebSocket API within our React app. We'll use it to build a "teaching mode" where one person can share their screen and others can watch as they type out commands.
The WebSocket API isn't straightforward. It uses a number of different callbacks and requires functions to be called in a certain order. To make things harder, we'll do this all within a Redux saga: that means we'll need to do some work to convert the callback API to one that can work with generator functions.
This chapter covers the following topics:
- Designing a WebSocket interaction
- Test-driving a WebSocket connection
- Streaming events with redux-saga
- Updating the app