Udemy

Platform

English

Language

Web Development

Category

RTC using Socket.IO 4.x and React JS 17.x with React Hooks

Learn how to build RTC applications using Socket.IO 4.x, MongoDB and React JS 17.x using function components with hooks

3.95 (11 reviews)

Students

8.5 hours

Content

Apr 2021

Last Update
Regular Price

Topics

SKILLSHARE
SkillShare
Unlimited access to all SkillShare courses
EXCLUSIVE 30-DAY FREE TRIAL

What you will learn

Basics of Socket IO library

Understand Socket IO Server and Client APIs

Understand the problems which you will face while building RTC applications and solutions for each problem

Database communication using Socket IO

How to broadcast messages when data is updated out of Socket IO applications

Learning Server and Client side Socket IO APIs by build number of applications using Express JS framework and React JS library

Use RxJS Observable in React JS

How to display KPI chart

Migration to Socket IO 4.x

Functional Components using React hooks


Description

Have you ever thought of building real-time communication applications for your clients or in your organization? Are you tired of writing the same old long polling logic to get the updates from your databases? Do you want to share live updates of the data across two or more than two applications? Do you work with live stocks or tweets kind of applications?

As you know our clients or customers would like to get quick and live updates of the information like stocks, currencies, the sales data, tweets etc. Or they want to build live collaborative applications for the customers/in-house projects. This is where we can think of Real-time Communication and we can achieve that using one of the most popular library Socket.IO. Easy to learn and easy to implement.

This course is a complete hands-on course where we will take few real-time scenarios and develop several applications step-by-step. At the end of this course, you will have better understanding of Socket.IO library and you will be able use this library to build RTC applications. We will build several client application using React JS library along with RxJS Observable.

Important Note - This course now is updated from Socket.IO 2.x to 4.x along with React JS 17.x. Also, we are using React function components with hooks.


Screenshots

RTC using Socket.IO 4.x and React JS 17.x with React Hooks
RTC using Socket.IO 4.x and React JS 17.x with React Hooks
RTC using Socket.IO 4.x and React JS 17.x with React Hooks
RTC using Socket.IO 4.x and React JS 17.x with React Hooks

Content

Introduction

Introduction

Who should take this course?

Tools and Software required for this course

Introduction to Socket.IO

Introduction to Socket.IO API

Simple example of Socket.IO - Theory

Demo - Simple example of Socket.IO

Introduction to React JS boiler template - Part-I

Introduction to React JS boiler template - Part-II

Introduction to RxJS Observable

Demo - Installing Socket.IO-Client and RxJS library

Demo - Writing service logic

Demo - Writing component logic

Do you see a problem?

Introduction to Namespace and Room

Modify Socket.IO server application

Modify Socket.IO client application

Let's order Pizza

Application - we will develop

Introduction to Mongo DB

Writing Mongo DB queries

Creating Socket.IO application using Express JS and Socket.IO - Part I

Creating Socket.IO application using Express JS and Socket.IO - Part II

Creating pizza order application using React

Writing service logic

Writing component logic - Part - I

Writing component logic - Part - II

What problem we may face?

Developing Technology Voting Real-time Dashboard

How to solve the problem?

Writing MongoDB queries

Creating REST API using Node JS and Express JS framework

Writing data access logic in REST API

Consuming DAL in REST API and defining route

Creating end user Voting application using React JS

Writing service logic

Writing component logic

Configure route and Navigation link

Creating Socket.IO application using Express JS and Socket.IO - Part I

Creating Socket.IO application using Express JS and Socket.IO - Part II

Creating in-house Dashboard application using React JS

Writing service logic

Introduction to Highcharts library

Installing Highcharts library and Creating reusable component

Add global chart option object

Visualizing Technology votes using Highcharts chart - Part - I

Visualizing Technology votes using Highcharts chart - Part - II

Configure route and Navigation link

Final Test of the solution with KPI Chart

Course Conclusion

Course Conclusion


Reviews

I
Igor21 May 2021

The most confusing course that I've ever seen. Lots of unnecessary outdated information, ocean of useless information. Every lecture you see the explanation of how to open the file in vscode. Waste of money.


Coupons

DateDiscountStatus
8/6/202088% OFFExpired

Related Courses

SKILLSHARE
Socket.IO and TypeScript
Socket.IO and TypeScript

3161152

Udemy ID

5/23/2020

Course created date

8/3/2020

Course Indexed date
Bot
Course Submitted by

Twitter
Telegram