Websocket. Создаем простой чат с использованием socket io, React js, Express

[@artarzhakhouski5222]

Таймкоды:
0:00:00 - Вступление + немного теории;
0:03:04 - Пишем сервер;
0:16:23 - Устанавливаем Vite и React;
0:19:04 - Подключаем сокет к клиенту;
0:21:36 - Роутинг;
0:26:00 - Создаем страницы и компоненты;
0:47:45 - Стилизация;
0:55:18 - Пишем логику кнопки разлогина;
0:57:39 - Пишем логику работы чата;
1:19:30 - Дебаг чата + теория ключей в React;
1:24:20 - Пишем логику списка пользователей;
1:34:55 - Дебаг списка пользователей;
1:38:23 - Пишем логику "Собеседник пишет...";
1:51:00 - Заключение.

[@leviafanux]

класс ) спасибо огромное ) мне как раз сейчас нужна эта инфа

[@АлександрМелянюк-ц9ю]

Тоже понравилось! И чат и объяснения! Спасибо!!! Буду смотреть все видео от Вас!

[@murcha5899]

наконец! просто, ясно и понятно! СПАСИБИЩЕ!!!

[@maxshine-qf7qg]

Как же вовремя появилось это видео! Огромное спасибо за контент

[@vadicus6534]

Спасибо, отличное видео! Веб-сокеты стали гораздо понятнее. Интересно с ними работать. В качестве обратной связи хотел бы заметить что писать код за кадром и потом бегло проходить по нему не очень удобная для зрителя практика. В прошлых курсах тоже так было, это мешает усвоению. Может стоит предоставлять ссылкой на гитхаб все стили сразу или прикреплять .css файл хранящийся в облаке чтобы зритель просто сохранил его себе подключил и все. Чтобы голова не болела этими стилями когда мы сосредоточены на логике) В любом случае отличный материал и стиль подачи. Очень нравится вдумчивость, объяснения и ваши ответы на вопросы. Спасибо!

[@МишаКопицкий]

Здравствуйте, спасибо огромное за доступное объяснение!!!

[@patrx6534]

Спасибо за урок! Очень хорошо объяснили тему)

[@nouchance]

Spasibo bratan

[@ВиталийОнищенко-к4к]

Гуд , как раз изучаю сейчас эту тему 🎉Спасибо !

[@СергейПрокопчук-н9к]

один из лучших контенов!

[@crewch]

Как раз изучаю эту тему, спасибо)

[@АлександрМелянюк-ц9ю]

Посмотрел! Это наверное самое лучшее объяснение работы с сокетами! Спасибо, Добрый Человек!!! При возможности ещё про сокеты что-нибудь, пожалуйста!

[@trueStory361]

спасибо за контент)))

[@icetree6157]

Мужик классный, видос полезный, фоновый звук пугает. А так спасибо

[@alexandrgusletsov2567]

Спасибо и за чат особенно

[@НикитаЦыганков-ь6б]

ты просто лучший

[@alexanderpoker6655]

оо сегодня гляну) классс!

[@sergeyshcherbina1579]

Дуже круто!!!

[@raff_m_d6971]

Крассава

[@tonypubger187]

Сейчас вместо метода connect , используете функцию io. Для подкючения клиента к серверу

[@azhigov_01]

а есть там гитхаб или еще что-то кроме

[@rustamakhmetyanov4404]

Многие делают чаты, а как добавить в существующий проект разного рода уведомления через сокеты или это делается не через сокеты, а что то еще?

[@techjavascript]

Смотря что вы имеете ввиду.

[@rustamakhmetyanov4404]

@@techjavascript ну вот например у меня приложение react+rtk, обычные уведомления по запросам я вывожу при помощи React hot toast, а как выводить такие уведомления, допустим я зарегал заявку на что то, и люди откликаются, либо кидают какие то предложения, как их в реалтайме выводить в уведомления, с сокетами? Или как то подругому?

[@techjavascript]

@@rustamakhmetyanov4404 Да. Через вебсокет вполне реализуема задача. Только надо создавать что-то типа сервера чтоб эмитить и слушать события

[@ВадимПушкин-п6ж]

Все классно, только по ip адресу на сервер в локальной сети с других компов никто не может войти, только с компьютером на котором все это стоит по локалхосту зайти можно. Точнее подключается, но видимо сервер ему пишет, что не может найти такой страницы: Cannot GET/

[@МейрамТюлегенов-г6л]

socket io вместо технологии вебсокет, использует лонг пулинг

[@aleksandrmatyka3118]

Ссылочка на репо?

[@АлМ-ы8ъ]

Не "вайт" а "вит" ))) Я поначалу подумал что какой то новый инструмент для создания реактовского стартового шаблона изобрели)

[@RisenMultiplayer]

ну и какая пропускная способность у этой шняги?

[@jus1xd193]

исходный код урока есть?

[@АлМ-ы8ъ]

он тебе не поможет