Скачать или смотреть Build Real-time code editor using React, Node Js, Web sockets 🔥🔥🚀 ( Hindi )

Reserve your spot in Backend Foundation Live Batch:

Use coupon code: EARLY_BIRD
https://learn-backend.now

Master Full-Stack Engineering! From frontend to backend, build job-ready skills fast.
Enroll now: https://codersgyan.com/c/fullstack-js...

Get 1:1 mentorship: https://topmate.io/codersgyan

Build Real-time code editor using React, Node Js, Web sockets 🔥🔥

We will be building a full-stack real-time code editor, a collaboration tool for many cases.
We will be using React, Node Js, Express Js and Socket.io for the web sockets.
We will be deploying our app on Heroku after completion for free 🔥

Source code: https://github.com/codersgyan/realtim...

👉🏾Prerequisites:
Javascript complete course:    • JavaScript Full Tutorial in Hindi | Beginn...  
Node JS crash course:    • Node.js Crash Course in Hindi: Fast-Track ...  
Express js crash course:    • Express.js Crash Course: Fast-Track Your W...  
Mongo DB crash course:    • MongoDB Crash Course in Hindi 🔥: Master Da...  
Rest APIs crash course:    • REST APIs in Hindi: The Ultimate Course fo...  


Timestamps:-
0:00:00 - Intro
0:03:59 - Project setup
0:07:15 - React router
0:16:37 - Home page
0:44:26 - Unique id
0:51:26 - Toast
1:04:59 - Editor page
1:31:18 - Editor design
1:44:39 - Server
2:08:40 - WS error handling
2:38:01 - Disconnect
2:50:59 - Sync the code
3:19:42 - Copy room id
3:23:54 - Leave room
3:27:29 - Auto sync on first load
3:37:03 - Deployment
4:06:53 - Wind up





#reactjs #socketio #nodejs #expressjs #MERN #Node js #javascript #codersgyan #learnCoding
🔥

Let's connect on LinkedIn: 🔥❤️
  / codersgyan   👇🏾

✅ My gears for everyday work: 🔥👇🏾📸
https://docs.google.com/spreadsheets/...