Mastering React Test-Driven Development

Working with WebSockets

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