Redux + WebSockets: Let’s build a real-time multiplayer game.

Description

From tracking a shipment to collaborating on designs, real-time data is the magic sauce that makes modern web experiences come alive for users. But for developers, managing real-time data brings its own host of problems for which traditional web technologies, such as REST and Ajax, don’t offer much help. Thankfully, there are alternatives.

Ian James and Matthew Larson share an alternative approach to real-time data using Redux and WebSockets that is straightforward and scalable. And just to spice things up, you’ll learn it by building a multiplayer game. Although the example uses Redux and WebSockets, you could just as easily use other libraries like socket.io and RxJS to achieve the same result. Along the way, Ian and Matthew explain how this method applies to other products besides games and how to deploy your real-time features in production (including how to scale for millions of users).

As web applications become more sophisticated and promise more value to users, developers have to be ready to design and implement robust real-time features. Join in to learn how to bring real-time data into your next app.

Outline

• Building a single-player version of the example game
• Markup and styling
• Capturing user inputs
• Managing application state with Redux
• Conversion to real-time and multiplayer
• Moving application state to the server
• Broadcasting user input events to the server
• Feeding a real-time data stream to browsers
• Discussion: Building for production