Build A Realtime Chat App In ReactJS and NodeJS | Socket.io Tutorial | Create Chat App Using ReactJ смотреть онлайн
Build A Realtime Chat App In ReactJS and NodeJS | Socket.io Tutorial | Create Chat App Using ReactJs
✨ Frontend - ReactJs, HTML, CSS, JavaScript, Bootstrap
✨ Backend - NodeJs, ExpressJs, Socket.IO
?????????????????????
PROJECT LIVE URL - https://chat-socket-io-prince.herokuapp.com/
?????????????????????
In this video I am going to built a socket.io real time chat app that uses NodeJs and ExpressJs in backend, and ReactJs and bootstrap in frontend.
This project is a messaging app that sends and receives messages to all the users in the selected chat room. First the user submit his/her name and select the favourable room he/she wants to message in. Then on sending the message, the message is delivered to all the user in the room in real time.
This project is a simple demonstration of live chatting app .
So, Like , subscribe, share, and support to keep us motivating.
=============================================================
Useful Link In Building A Realtime Chat App In ReactJS and NodeJS :-
✨Project git repo BE (localhost) - https://github.com/PrinceRaaaj/chat-socket.IO-BE
✨Project git repo FE (localhost) - https://github.com/PrinceRaaaj/chat-socket.IO-FE
✨Bootstrap page - https://getbootstrap.com/docs/5.1/getting-started/introduction/
✨Bootstrap CDN - https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css
✨React-Router-Dom - https://www.npmjs.com/package/react-router-dom
✨Bootstrap Send Icon - https://icons.getbootstrap.com/icons/send/
✨React-Moment - https://www.npmjs.com/package/react-moment
✨Nodemon - https://www.npmjs.com/package/nodemon
✨Socket.Io Cheatsheet - https://socket.io/docs/v3/emit-cheatsheet/
Checkout More:-
✨ ReactJs tutorial - In Hindi : - https://www.youtube.com/playlist?list=PLMHkO6THGgW7L3BFtH27EGxXy4PrM5mYa
✨ MERN Stack Projects(React Js, Node Js, Express Js, MongoDb ) - In Hindi : -
https://www.youtube.com/playlist?list=PLMHkO6THGgW5bpnBV4Xrye3nsFiwFQEga
=============================================================
Social Links:-
✨ Github - https://github.com/PrinceRaaaj
✨ Instagram - https://www.instagram.com/codingstar98/
✨ Instagram (personal)- https://www.instagram.com/prince_raaaj
✨ Facebook - https://www.facebook.com/princeraj08feb
⏱ Timestamps
0:00 Intro
02:13 NodeJs Code Started
09:48 ReactJs Code started
12:41 Bootstrap In ReactJs
19:49 ReactJs Component MainForm.jsx
37:12 ReactJs Component ChatRoom.jsx
01:00:18 Connection Socket.io FE & BE connection
#chatapp #socketio #reactjs
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «Build A Realtime Chat App In ReactJS and NodeJS | Socket.io Tutorial | Create Chat App Using ReactJ» бесплатно и без регистрации, вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.