How To Create A Messaging App With Socket.io And React
🚨 IMPORTANT: Get started with Embold.io for free: https://embold.io/products/overview?u... Use code US21F29A for 20% off a paid account (Only applicable in India) Whatsapp is an incredibly popular application, but the technology behind it is actually pretty simple. In this video I will show you how to create a messaging app similar to Whatsapp with React. 📚 Materials/References: GitHub Code: https://github.com/WebDevSimplified/W... useRef Tutorial:    • Learn useRef in 11 Minutes  useState Tutorial:    • Learn useState In 15 Minutes - React Hooks...  useContext Tutorial:    • Learn useContext In 13 Minutes  🧠Concepts Covered: How to use Socket.io How to create custom React hooks How to create custom React contexts 🌎 Find Me Here: My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon:   / webdevsimplified  Twitter:   / devsimplified  Discord:   / discord  GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified ⏱️ Timestamps: 00:00:00 - Introduction 00:00:34 - Demo 00:02:20 - Code Setup 00:03:51 - Login Page 00:13:47 - Custom Local Storage Hook 00:18:50 - Dashboard 00:20:21 - Sidebar 00:29:50 - Create Contact Modal 00:36:01 - Contact Context 00:41:18 - Contacts Sidebar 00:43:01 - Conversation Modal 00:48:43 - Conversation Context 00:54:12 - Conversation Sidebar 00:59:11 - Current Conversation Component 01:04:50 - Send Message 01:13:45 - Displaying Messages 01:23:43 - Server Setup 01:28:28 - Socket.io On Client 01:37:26 - Outro #Reactjs #WDS #WhatsappClone

Learn React With This One Project

iMessage Clone with React Native and Stream (tutorial for beginners)

Build A Realtime Chat App In ReactJS and NodeJS | Socket.io Tutorial

What is SonarQube | Introduction SonarQube | SonarQube Tutorial | SonarQube Basics | Intellipaat

How To Build A Production Ready API - Auth, JWT, API Keys

Don't learn AI Agents without Learning these Fundamentals

Uninterrupted Deep Work Mix ~ Immersive Productivity Soundscape ~ Neural Focus Study Music

How To Create The YouTube Home Page With Tailwind, React, and TypeScript

Learn React With This ONE Project

Socket.IO Mastery: Learn Real-Time Web Development

React JS - React Tutorial for Beginners

Build and Deploy a React Admin Dashboard App With Theming, Tables, Charts, Calendar, Kanban and More

The Perfect Advanced React/TypeScript Project - Markdown Supported Note Taking With Categories

React Full Course for free ⚛️

Build and Deploy a Full Stack Realtime Chat Messaging App with Authentication & SMS Notifications

The Best Local Agentic Coding Workflow (Complete Guide)

4 Hours Chopin for Studying, Concentration & Relaxation

Want to make a video chat app? Watch this video for WebRTC!

Socket.io + ReactJS Tutorial | Learn Socket.io For Beginners

