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