Real Time КЛИЕНТ-СЕРВЕР на JavaScript. Long polling, event sourcing, websockets & комнаты

[@alexey_horbunov]

Тимур, я прошу тебя, давай больше про веб-сокеты, это действительно тема) Кстати, прошло около месяца, а число подписчиков удвоилось) Поздравляю, люди видят годный контент

[@UlbiTV]

Будет!

[@UlbiTV]

Спасибо!)

[@awenn2015]

@@UlbiTV на php можно что то из первых двух вариантов сделать?

[@timausmanov9113]

@@UlbiTV ПЛС Продвинутый чат на websocket плс. P.S. не отказывай теске плс

[@27sosite73]

@@awenn2015 на php можно сделать даже больше :D

[@programming5944]

Как же ты каждый раз попадаешь, изучаю ТС - ты выпускаешь ролик, готовлюсь к собесу - выпускаешь ролик, делаю модуль чата в системе по работе (пока только вникаю) - ты выпускаешь ролик, спасибо Real Time КЛИЕНТ-СЕРВЕР на JavaScript. Long polling, event sourcing, websockets & комнаты

[@UlbiTV]

Читаю мысли!)) спасибо за поддержку

[@Котвсапогах-с4д]

Он за тобой следит 👀

[@brodyagaPATY]

Не досмотрев лукаса!!!👍👍👍👍👍Спасибо большое за труды!!!

[@UlbiTV]

Спасибо дружище!)

[@smaslov01]

Автор, ты переменил мое отношение к видеоурокам. Я их терпеть не могу потому что быстрее прочитать останавливась на нужных моментах. Но вот такой формат - когда очень быстро но по делу мне понравился. И очень классный текст - нет слов паразитов, нет комментариев на очевидные вещи, есть уместные комментарии для чего именно делается так а не иначе. Вот прямо респект.

[@sergiigordiienko2494]

Это самое крутое объяснение которое я видел за 13 лет в разработке. Без воды, без затягивания, все по сути, просто и понятно. Ты очень крутой, уметь так понятно и кратко объяснить это талант.

[@UlbiTV]

Спасибо за поддержку 🤝

[@ArtOfFun]

Смотрю и удивляюсь, какой годный контент, и как мало подписчиков. Тимур, спасибо большое за твои труды!

[@UlbiTV]

Спасибо друг) всему свое время, растем потихоньку

[@olegdegterov1595]

Качественный контент спасибо. Long pulling и event sourse как-то гличино у меня работают, зато ws разаботал как надо с первого раза.

[@prog-hak]

Случайно нашел твой канал, залип капец. Крутой контент, спасибо))) Вдруг найдешь время, было бы интересно посмотреть больше про деплой, особенно с докером

[@dmytromedynskyi6179]

Редкое сочетание краткости и понятности контента. Спасибо. Тема очень интересна. Жду о вебсокетах с комнатами, скоро мне в проекте понадобится ;)

[@UlbiTV]

Спасибо большое!) будет!

[@ekaterinakryuchkova2690]

@@UlbiTV привет. Спасибо за подробное объяснение. А уже есть видео про комнаты?

[@YuraFilimonenkov]

Твои обучалки огонь! Задолбался рыскать по инету как сделать то сё, у тебя на канал захожу теперь смотрю и шик) кароч я доволен

[@user-by1fert8888]

Ради годного контента, лайк и коммент не жалко! Ждем новых видосов

[@falsetrue7910]

Ролики от Тимура +100 к знаниям за кратчайший срок

[@UlbiTV]

Хех)) спасибо, успехов!

[@devorer77]

Отлично! Смотрю и делаю. Ты как всегда на высоте!

[@UlbiTV]

Спасибо, Артем!)

[@frednoby8531]

Никакой воды, всё чётко и по делу. Классно!

[@Valeryi07]

Как всегда,просмотр и лайк!! 👍👍👍

[@UlbiTV]

Спасибо!

[@andriyvozniuk5854]

Комментарий для продвижения, спасибо за контент !)

[@UlbiTV]

Спасибо за поддержку!

[@rustamakhmetyanov4404]

Real Time КЛИЕНТ-СЕРВЕР на JavaScript. Long polling, event sourcing, websockets. Спасибо за работу

[@jsInspector]

Аналогично, лайк уже после просмотра теории.

[@UlbiTV]

Рад, что нравится, спасибо!

[@disconnect-forever]

Автор как всегда лаконичен и точен. Контент как всегда предельно полезен. Автору спасибо!

[@UlbiTV]

спасибо за поддержку!)

[@uladzimirlis7524]

Топ канал!! Сча если в чем то надо быстро разобраться, сразу ищу тут.

[@ТимСлим]

Как всегда GODнейшая выжимка полезнейшей информации! Спасибо!

[@UlbiTV]

Спасибо!

[@ABC-3-ABC]

Очень информативно, без воды, всё по фактам! Конечно хотелось бы узрить как отправлять сообщения только между двумя пользователями, в идеале что-то вроде чата на сайте, между менеджером и пользователем. Есть мысль, как бы передавать это сообщение с сайта в телегу и с телеги же отвечать - было бы очень удобно!

[@DrGurgen]

Спасибо за работу Тимур твое трудолюбие заразительно

[@UlbiTV]

Спасибо, Гурген)

[@romko-romario]

Моя огромная благодарность автору! Для меня, джуниор фронтэнд разработчика, это лучший канал для профессионального роста)

[@MaxShilov]

Тимур, огромная благодарность за годный контент 🔥

[@ziyadseykhanov3967]

Досмотрел до конца не толбко из интереса но и из за подачи матерала. классно !!! спасибо

[@UlbiTV]

Благодарю!

[@kwinkich]

2 года прошло, а видосы всё ещё полезные

[@maxpapirovnyk4304]

Спасибо, искал информацию чтоб разобратся и стартовать в этой теме, и это видео лично мне очень подошло. Качественное видео, без воды, и быстро, не нужно смотреть вебинар на три часа чтоб запусть hello word :)

[@korneev_v]

Прохожу курсы по фронтенду на одном из онлайн агрегаторов и там как раз изучаю тему вебсокетов. На мой взгляд в этом видео намного лучше разобраны некоторые фундаментальные вещи, которые помогают понять логику работы веб сокетов. Спасибо!

[@АлександрРетунский-р4ь]

Парюсь в выборе чата)) . От тебя подарок летит)) Голосую за продвинутый чат !!!

[@UlbiTV]

Будет!

[@murzikov5443]

@@UlbiTV не произошло)

[@crix5492]

Реально годный контент. Все реальные темы затрагиваешь в своих видео, а то у большинства каналов одна база.

[@UlbiTV]

Стараюсь, спасибо за поддержку!)

[@СергейВоробьев-ж5й]

Спасибо за ролик. Хорошее видео про websocket. Надо только раз пять пересмотреть)

[@КириллТерешкин-ю8м]

Отличный контент! Лайк, коммент!)

[@ЯрославЖиронкин-г1к]

Очень достойный канал. Автор всегда очень лаконичен и точнее. Спасибо автору за точную и полезную информацию.

[@UlbiTV]

Спасибо за поддержку!)

[@d4vlL]

Хочу добавить, что при реализации long polling нужно обязательно на сервере прописывать res.end(); во всех контроллерах, иначе в некоторых браузерах, таких как chrome или firefox вы не сможете отправить больше 5-7 запросов, т.к. браузер будет ждать ответа на предыдущие, а сервер попросту не отвечает на них. Это может сэкономить вам кучу времени, особенно если вы начинающий.

[@hashira_d]

спасибо, как раз то, что искал!

[@yatush3093]

Спс огромное, я чуть в депрессию не ушёл.

[@leandrmiklashevich297]

Спасибо.. Но странное поведение обнаружилось. В Файрфоксе всё нормально отрабатывает, а в Хроме, что заслать 1 сообщение надо нажать дважды. А в файрфоксе при этом появляется 2 одинаковых сообщения, посланных из хрома.

[@jdun-jun]

огромное человеческое спасибо за Ваш совет!

[@ДмитрийЛобов-э6п]

Мужик, спасибо тебе огромное. Я уже хотел кулаком монитор разбить ахаха Миллион раз перепроверил, что все написал правильно, а сообщения все равно не отправляются, а тут вон оно что))

[@arlenm1472]

лучший лучший, websocket online chat react tutorial

[@UlbiTV]

Спасибо!)

[@itpro952]

Новый видос, лайк коммент по традиции и приступаю к просмотру, автору спасибо, контент топ

[@UlbiTV]

Пасиб))

[@Nickznet]

Отличный контент, кругозор расширился) . Спасибо алгоритмам ютуба, что ваш канал в рекомендованные попал )

[@UlbiTV]

А тебе спасибо за отзыв!)

[@mestacey8120]

Самые толковые уроки у Вас! Спасибо!

[@AlesFrankie]

Буду смотреть, спасибо!

[@UlbiTV]

Спасибо!

[@aleksandr1277]

Большое спасибо! Уже третий раз пересматриваю. Очень полезный материал.

[@stasonsv52]

Ролики бомба. Выражаю благодарность. :)

[@UlbiTV]

Спасибо большое!

[@sayeretjob]

Бро, спасибо, что ты есть )

[@UlbiTV]

И тебе спасибо!)

[@victormog]

Бомба для начинающих!!! 💣

[@oops61rus]

Просто машина! Спасибо за полезнейшую информацию!🔥

[@UlbiTV]

Спасибо!)

[@jlewaajlekceu7865]

Спасибо Тимур, мой кругозор разширен!)

[@vladimirgusar4173]

Очень толковый парень!

[@дмитрийшикалов-о5у]

Спасибо огромное! Благодаря тебе узнал про EventSource

[@vikodam]

Спасибо за контент и (НАКОНЕЦ-ТО))) хороший звук

[@UlbiTV]

Заметили)) спасибо!

[@ВітяТейп]

очень доступно объяснил) спасибо)пойду смотреть остальные видосы)

[@kristinavolk2660]

Спасибо огромное за Ваши ценнейшие знания и проделанную работу! Все таки это единсветнные инвестиции, которые сто проц окупятся )

[@mrbender3882]

Супер 👍 За что тут можно поставить диз ? 🤬

[@UlbiTV]

Люди, которые их ставят всегда найдутся))

[@СтаниславСеменов-щ1п]

Как всегда отличная подача!👍 Удачи в развитии🙏

[@user-pd9no5ye5g]

Ура, новый видос. Все дела в сторону)))

[@UlbiTV]

Хех, спасибо!)

[@Оди-р1х]

Огромное спасибо что делаешь такие видео и выкладываешь их во всеобщий доступ, давая возможность легко осваивать материалы. Ты супер сенсей

[@JustTrace17]

Спасибо тебе большое за то, что ты делаешь! Очень доступно, на примерах, с уважением ко времени. Просмотр твоих видео - одно из самых полезных и продуктивных времяпровождений) Мотивирует, вдохновляет и подталкивает пробовать новое.

[@vladsamsonov9752]

Тимур, как всегда качественная и актуальная информация! Спасибо!

[@UlbiTV]

Спасибо, Влад!)

[@wardog4244]

Лайкос! Очень интересно и сжато, супер!

[@UlbiTV]

Спасибо!

[@xaos666]

Весь контент полезный. Спасибо большое за труд! Вы помогаете многим

[@IllidanNik]

Практика сила! Нужно больше про websocket)

[@egorpobylets6597]

Спасибо огромное за отличное видео по node, Long polling, event sourcing, websockets

[@andreyzhukov2821]

Привет! Максимально информативно, абсолютно без воды! Спасибо!

[@UlbiTV]

Стараюсь друг) спасибо!

[@vladyslavfx3892]

Для поддержки канала)) Давай серию уроков про jest, тестировать можно одно из тех приложений что ты делал в предыдущих видео. Думаю многим будет актуально.

[@vov4egde]

Спасибо большое! Больше всего - спасибо за уровень подачи! Без воды, без лишней болтовни. Если есть нюансы, на которых можно споткнуться, ты их именно в такой форме и покажешь/разъяснишь.

[@tehbangel]

Отлично, однозначно лайк)

[@ІгорьокС]

Огромный проэкт меседжера на сокетах - ждём!!!))

[@vadymchecherinda2858]

Для сhrome ( long_pulling ) для client-a в headers нужно добавить следующее 'Cache-Control': 'no-cache, no-transform'. Так как в chrome будет некорректно работать

[@Magomed-r]

Ты немного не так выразился, но я понял тебя. Я тоже заметил, что в одном и том же браузере, но на разных вкладках оно работает некорректно, и попробовал в разных браузерах и всё заработало. То есть на продакшене проблем не будет, но локально да. Спасибо за 'Cache-Control': 'no-cache, no-transform'!

[@Vitalion83]

Видео супер. Пересмотрел 3 раза) Вот, столкнулся со странностью. Long polling и event soursing отправляют по 5 сообщений и на этом их полномочия всё. С вебсокетами все отлично, они работают стабильно.

[@Vitalion83]

Всё, разобрался. Надо закрывать post посредством res.end(). Но я всё равно не понял, почему 5 запросов только работает.

[@awenn2015]

@@Vitalion83 место в раю людям которые когда находят ответ отвечают себе ))

[@BadmaTube]

@@Vitalion83 скорее всего потому, что у всех браузеров есть ограничение на количество открытых соединений с каким-то определенным хостом. У хрома - 6. Поскольку у тебя на серверной части не было res.end(), то запрос зависал и после 5 сообщений общее количество запросов превышало лимит.

[@ilyawebdev]

Благодарствую. Решение я бы все равно нашел, но ты сэкономил мне кучу времени.

[@HTMLHarbor]

Спасибо огромное за проделанную работу 😃🔥🔥🔥💯

[@UlbiTV]

Благодарю за поддержку!)

[@neckalas5759]

Спасибо за качественный контент.

[@UlbiTV]

Спасибо за поддержку!

[@David280488]

Классный контент. Я подписан за реальный годный материал! Успехов тебе!

[@valeriipimenov4894]

Очень очень замечательно ) Хотел бы услышать о тебя про Docker, было бы прекрасно )

[@UlbiTV]

Немного затрону эту тему в одном из следующих роликов, но по верхам, но по докеру контент будет еще сто проц

[@valeriipimenov4894]

@@UlbiTV спасибо ) Уровень подачи информации === God

[@coopsprofi8617]

Спасибо большое за твой контент!!

[@shujin9027]

Отличный урок. Всегда нахожу у тебя именно то, что мне нужно в данный момент. Удачи, бро

[@Андрей-х9о6ж]

спасибо за видео) ты лучший!

[@turgayalekberli9554]

очень полезный топик, очень интересный канал, очень хорошая подача материала. Продолжай в том же духе))))

[@denysaheienko7177]

Как всегда все супер! 🙌

[@bibyter6451]

"Вот таким вот нехитрым, простым способом мы реализовали" 😀🤯 Действительно простым, пока ничего не понятно))

[@dimav1640]

Как по мне, лучший канал с туториалами в рунете, возможно даже во всем интернете

[@Yuriy2311]

Тимур, интересный контент, полезный. Особенно про веб сокеты. Спасибо!

[@StarkElessar]

Было интересно! Спасибо за такой ввод, теперь есть 0оть понимание!

[@uralroman]

Спасибо за познавательный контент. Видео очень способствует пониманию процессов обмена данными между клиентом и сервером!

[@Phicoos]

Тимур ты лучший спасибо тебе

[@НазарТолстой-ч1п]

Красава, очень круто) Было бы интересно посмотреть чат на ws с добавлением в контакты

[@GLOCKERS]

Отличное видео! Сделай пожалуйста урок по комнатам

[@UlbiTV]

Будет!

[@dmitrygorbatikov]

@@UlbiTV а как скоро он будет ? хотелось бы глянуть )

[@Peter-vz4tb]

Не надо видео по комнатам. Сам реализуй. Автор в видео все подсказал. Что тебе еще надо?

[@dmitrygorbatikov]

@@Peter-vz4tb из головы придумать как это реализовать?) Комнаты и глобальное соединение это разные вещи

[@ElenRoze]

@@Peter-vz4tb вопрос по комнатаи мне, к примеру, понятен. А вот как лучше организовать хранение данных в БД - хотелось бы практической инфы.

[@ДмитрийХомиченко]

КПД контента просто зашкаливает. Спасибо большое!

[@sergeybure8795]

Тимур, спасибо! 👍👍👍 3:20 Новый синтаксис для ReactDOM.render Теперь имеет смысл вместо: ReactDOM.render( , document.getElementById('root') ) вызывать так: const root = ReactDOM.createRoot(document.getElementById('root')); root.render( );

[@theabyssofmythink6522]

о боже, тупа лайк не глядя!!!!!!!!!!!! спасибо за контент)

[@ДмитрийЧайка-ь3ю]

Очень иформативное видео, большое спасибо. Жду урок по комнатам

[@s9219871110]

все еще уникальный контент! Спасибо за твой труд!

[@СейтекБегалиев]

Вы лучший Тимур, честно устал искать на английском, а ваш канал тут как тут)

[@Al-zk1ss]

Спасибо Тимур! Очень доступно и информативно

[@hutoryanin]

Отличное качество подачи) *Л. а. й. к.*

[@UlbiTV]

Спасибо!)

[@goqorism]

Отличный курс ,респект бро,спасибо за классные уроки.

[@UlbiTV]

Спасибо дружище!)

[@disconnect-forever]

Голосую за подробное видео по вебсокетам !

[@UlbiTV]

Будет!

[@mikhail_shokun]

спасибо Тимур, как всегда полезно и коротко

[@ismayilhajibayli3233]

Спасибо за видео, очень информативно

[@АлексейК-м3л]

Доступно и интересно обьясняешь , и оказывается, не сложно ). Есть еще один костыльный вариант реализации реал-тайма (у меня на проекте старом был): на фронте стоит таймер, и каждую секунду шлет запросы по http за сообщениями ).

[@tepmoc2345]

Бедный сервер)

[@scottwalker6071]

Спасибо, Тимур, это было бодро👍

[@UlbiTV]

Благодарю;)

[@gevorgmovsisyan5153]

Просто шедевр