Building Real-time Apps with React, Socket.io, and RethinkDB

Building Real-time Apps with React, Socket.io, and RethinkDB
Building Real-time Apps with React, Socket.io, and RethinkDB
English | MP4 | AVC 1280×720 | AAC 44KHz 2ch | 1h 52m | 333 MB

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.

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

01 - Course Overview
02 - Is This Course for You
03 - What Will You Be Building
04 - Course Outline
05 - An Overview of Real-time Architecture
06 - Why This Stack and Not Firebase
07 - An Overview of the Different Parts in This Stack
08 - Versions Used in This Course
09 - Getting the Code on Your Machine
10 - Spinning up a Socket on the Server
11 - Consuming a Socket in React
12 - Summary
13 - Introduction
14 - Installing RethinkDB
15 - Setting up the Starter Code
16 - Executing and Subscribing to Changes on a Rethinkdb Live Query
17 - Setting up the Database Schema and Testing the Results
18 - Updating the Server Code to Store and Serve Drawings
19 - Updating the Client Code to Save a New Drawing
20 - Updating the Client Code to List the Drawings
21 - Summary
22 - Introduction
23 - Loading a Drawing
24 - Saving Drawing Changes to RethinkDB
25 - Subscribing to Drawing Changes in Your React Component
26 - Improving the Rendering Time of the Drawing Component
27 - Summary
28 - Introduction
29 - Connecting to Different Ports
30 - Reconnecting When Connection to Server Is Interrupted
31 - Publishing Offline Changes to the Server After Reconnecting
32 - Summary