RTC using Socket.IO 4.x and React JS 17.x with React 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: What's new in Socket.IO 3.x? – Part – I

Lecture 19: Implicit connection to default namespace

Lecture 20: What's new in Socket.IO 3.x? – Part – II

Lecture 21: What's 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: Let's 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