Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

How to Create a Messaging App with Socket.io and React

Web Dev Simplified via YouTube

Overview

Learn how to build a messaging app similar to WhatsApp using Socket.io and React in this comprehensive tutorial video. Explore key concepts such as creating custom React hooks and contexts, implementing Socket.io for real-time communication, and developing essential features like login, contact management, and message sending. Follow along as the instructor guides you through setting up the project, creating the user interface, and integrating server-side functionality. Gain hands-on experience in building a fully functional messaging application while mastering important React and Socket.io techniques.

Syllabus

- Introduction
- Demo
- Code Setup
- Login Page
- Custom Local Storage Hook
- Dashboard
- Sidebar
- Create Contact Modal
- Contact Context
- Contacts Sidebar
- Conversation Modal
- Conversation Context
- Conversation Sidebar
- Current Conversation Component
- Send Message
- Displaying Messages
- Server Setup
- Socket.io On Client
- Outro

Taught by

Web Dev Simplified

Reviews

5.0 rating, based on 1 Class Central review

Start your review of How to Create a Messaging App with Socket.io and React

  • Profile image for JOHN MANUEL DE TORRES
    JOHN MANUEL DE TORRES
    good learning . the lesson is great and understandable . i want to learn more from this it is v very interesting and i so like it. thank you for this lesson

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.