Создаем онлайн чат с нуля ➤ ReactJS, Socket.io, Node.JS, Express.JS

Real-time приложения сейчас повсеместны, почему бы тогда и нам такое не написать? После этого видео для вас это будет не сложно, потому что из него вы узнаете, как создать сервер с использованием Node.JS + Express.JS. А в качестве передачи данных и обработки событий будем использовать еще и Socket.io для того, чтобы установить соединение с клиентом. Что касается фронтенд части, то тут будем использовать библиотеку React.JS + опять Socket.IO. Чат будет иметь небольшой функционал, но полученные знания помогут вам его улучшать и добавлять новых фич. Финалом будет деплой нашего онлайн-чата на Netlify и Render 00:00 - Показываю демочку 03:00 - Обзор используемых технологий 06:04 - Инициализация проекта, установка зависимости для сервера 08:53 - Создаем сервер на Node.js + Express.JS + Socket.io 17:00 - Установка зависимости для клиента 18:50 - Обновляем структуру, пишем роуты и стили для клиента 28:22 - Создаем основную компоненту для входа в комнату 39:45 - Добавляем события connection и join для сервера и клиента 51:02 - Пишем логику для добавления юзеров и отправки сообщений 01:01:24 - Дописываем компоненту комнаты и сообщений 1:21:01 - Обновляем логику для получения сообщений на сервере 01:31:00 - Создаем функции для подсчета юзеров в комнате 01:36:15 - Делаем функционал для покидания комнаты 01:44:40 - Деплой онлайн чата на Netlify и Render ☃️ мой github:
🐰 мой телеграм:
🌚 мой инстаграм:   / thmpsn_ya   😻 мой linkedin:   / tomkovich   Что такое WebSocket -    • В чем МАГИЯ ВЕБСОКЕТОВ? Что такое ВЕБСОКЕТЫ?   Как деплоить сайт/приложение -    • Как и куда загрузить сайт в интернете? Как...   #frontend #javascript #reactjs