HOME > Development > 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

  • Development
  • May 15, 2025
SynopsisRTC using Socket.IO 4.x and React JS 17.x with React Hooks, a...
RTC using Socket.IO 4.x and React JS 17.x with Hooks  No.1

RTC using Socket.IO 4.x and React JS 17.x with React Hooks, available at $19.99, has an average rating of 3.55, with 62 lectures, based on 12 reviews, and has 179 subscribers.

You will learn about 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 This course is ideal for individuals who are Students who want to learn Real-time communication using Socket IO library to enable various scenarios in their applications or Students who want to understand why, where and how to use Socket IO library using various examples or Learn whats new in Socket IO 3.x and 4.x or Students will learn migration from Socket IO 2.x to 4.x It is particularly useful for Students who want to learn Real-time communication using Socket IO library to enable various scenarios in their applications or Students who want to understand why, where and how to use Socket IO library using various examples or Learn whats new in Socket IO 3.x and 4.x or Students will learn migration from Socket IO 2.x to 4.x.

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

Summary

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

Price: $19.99

Average Rating: 3.55

Number of Lectures: 62

Number of Published Lectures: 62

Number of Curriculum Items: 62

Number of Published Curriculum Objects: 62

Original Price: $69.99

Quality Status: approved

Status: Live

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
  • Who Should Attend

  • Students who want to learn Real-time communication using Socket IO library to enable various scenarios in their applications
  • Students who want to understand why, where and how to use Socket IO library using various examples
  • Learn whats new in Socket IO 3.x and 4.x
  • Students will learn migration from Socket IO 2.x to 4.x
  • Target Audiences

  • Students who want to learn Real-time communication using Socket IO library to enable various scenarios in their applications
  • Students who want to understand why, where and how to use Socket IO library using various examples
  • Learn whats new in Socket IO 3.x and 4.x
  • Students will learn migration from Socket IO 2.x to 4.x
  • 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.

    Course Curriculum

    Chapter 1: Introduction

    Lecture 1: Introduction

    Lecture 2: Who should take this course?

    Lecture 3: Tools and Software required for this course

    Lecture 4: Introduction to Socket.IO

    Lecture 5: Introduction to Socket.IO API

    Lecture 6: Simple example of Socket.IO – Theory

    Lecture 7: Demo – Simple example of Socket.IO

    Lecture 8: Introduction to React JS boiler template – Part-I

    Lecture 9: Introduction to React JS boiler template – Part-II

    Lecture 10: Introduction to RxJS Observable

    Lecture 11: Demo – Installing Socket.IO-Client and RxJS library

    Lecture 12: Demo – Writing service logic

    Lecture 13: Demo – Writing component logic

    Lecture 14: Do you see a problem?

    Lecture 15: Introduction to Namespace and Room

    Lecture 16: Modify Socket.IO server application

    Lecture 17: Modify Socket.IO client application

    Lecture 18: Whats new in Socket.IO 3.x? – Part – I

    Lecture 19: Implicit connection to default namespace

    Lecture 20: Whats new in Socket.IO 3.x? – Part – II

    Lecture 21: Whats new in Socket.IO 4.x?

    Lecture 22: Migration – Simple Stock Example

    Lecture 23: Introduction to React hooks

    Lecture 24: Simple stock function component with hooks

    Lecture 25: Migration – Namespace Stock Example

    Lecture 26: Namespace stock function component with hooks

    Lecture 27: No more implicit connection to default namespace

    Chapter 2: Lets order Pizza

    Lecture 1: Application – we will develop

    Lecture 2: Introduction to Mongo DB

    Lecture 3: Writing Mongo DB queries

    Lecture 4: Creating Socket.IO application using Express JS and Socket.IO – Part I

    Lecture 5: Creating Socket.IO application using Express JS and Socket.IO – Part II

    Lecture 6: Creating pizza order application using React

    Lecture 7: Writing service logic

    Lecture 8: Writing component logic – Part – I

    Lecture 9: Writing component logic – Part – II

    Lecture 10: What problem we may face?

    Lecture 11: Migration – Pizza Order Example

    Lecture 12: Pizza order function component with hooks

    Chapter 3: Developing Technology Voting Real-time Dashboard

    Lecture 1: How to solve the problem?

    Lecture 2: Writing MongoDB queries

    Lecture 3: Creating REST API using Node JS and Express JS framework

    Lecture 4: Writing data access logic in REST API

    Lecture 5: Consuming DAL in REST API and defining route

    Lecture 6: Creating end user Voting application using React JS

    Lecture 7: Writing service logic

    Lecture 8: Writing component logic

    Lecture 9: Configure route and Navigation link

    Lecture 10: Creating Socket.IO application using Express JS and Socket.IO – Part I

    Lecture 11: Creating Socket.IO application using Express JS and Socket.IO – Part II

    Lecture 12: Creating in-house Dashboard application using React JS

    Lecture 13: Writing service logic

    Lecture 14: Introduction to Highcharts library

    Lecture 15: Installing Highcharts library and Creating reusable component

    Lecture 16: Add global chart option object

    Lecture 17: Visualizing Technology votes using Highcharts chart – Part – I

    Lecture 18: Visualizing Technology votes using Highcharts chart – Part – II

    Lecture 19: Configure route and Navigation link

    Lecture 20: Final Test of the solution with KPI Chart

    Lecture 21: Section – 3 Migration Steps

    Chapter 4: Course Conclusion

    Lecture 1: Course Conclusion

    Lecture 2: Migration Conclusion

    Instructors

  • RTC using Socket.IO 4.x and React JS 17.x with Hooks  No.2
    Pravinkumar Dabade
    Freelance Consultant and Corporate Trainer
  • Rating Distribution

  • 1 stars: 2 votes
  • 2 stars: 1 votes
  • 3 stars: 0 votes
  • 4 stars: 5 votes
  • 5 stars: 4 votes
  • Frequently Asked Questions

    How long do I have access to the course materials?

    You can view and review the lecture materials indefinitely, like an on-demand channel.

    Can I take my courses with me wherever I go?

    Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!