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: [ Ссылка ]
🐰 мой телеграм: [ Ссылка ]
🌚 мой инстаграм: [ Ссылка ]
😻 мой linkedin: [ Ссылка ]
Что такое WebSocket - [ Ссылка ]
Как деплоить сайт/приложение - [ Ссылка ]
#frontend #javascript #reactjs
