Building Real-time Apps with React, Socket.io, and RethinkDB
This course will teach you how to develop real-time applications using React, Node.js, Socket.io, and RethinkDB in a manner that will make the knowledge transferable to any other real-time stack.
What you'll learn
Think about your favorite apps that you use on a daily basis. Chances are that most, if not all, will have some form of real-time functionality. This also means that you, as a developer, will benefit from learning how to build real-time features for the products that you work on. In this course, Building Real-time Apps with React, Socket.io, and RethinkDB, you'll get a solid introduction to the stack used in the course, but more importantly, the patterns required to build real-time apps. First, you'll acquaint yourself with Socket.io and how to get it connected to a component in React. Next, you'll learn how you can use RethinkDB for data persistence and publish/subscribe. Finally, you'll explore how you can handle failover scenarios when dealing with a real-time stack. When you're finished this course, you'll have a solid understanding of the patterns involved when working on a real-time stack and how to overcome common real-time challenges.
Table of contents
- Is This Course for You? 1m
- What Will You Be Building? 1m
- Course Outline 2m
- An Overview of Real-time Architecture 2m
- Why This Stack and Not Firebase? 2m
- An Overview of the Different Parts in This Stack 4m
- Versions Used in This Course 3m
- Getting the Code on Your Machine 2m
- Spinning up a Socket on the Server 5m
- Consuming a Socket in React 5m
- Summary 1m
- Introduction 3m
- Installing RethinkDB 2m
- Setting up the Starter Code 2m
- Executing and Subscribing to Changes on a Rethinkdb Live Query 6m
- Setting up the Database Schema and Testing the Results 2m
- Updating the Server Code to Store and Serve Drawings 4m
- Updating the Client Code to Save a New Drawing 4m
- Updating the Client Code to List the Drawings 4m
- Summary 1m