Тёмный

18 - WebSocket + React, часть 1/ React JS - Путь Самурая 2.0 

IT-KAMASUTRA
Подписаться 182 тыс.
Просмотров 58 тыс.
50% 1

it-incubator.io/education/?ut... - человекоориентированное, честное и профессиональное обучение front-end и back-end разработке гарантированно до трудоустройства за фиксированную стоимость.
Поддержать меня можно на patreon / itkamasutra или оформив спонсорство на данном канале.
WebSocket - протокол, по уровню в модели OSI - это как HTTP, но не альтернатива и не замена, а дополнение. WebSocket соединение позволяет серверу в любой момент пушить (отправлять) данные клиенту-браузеру. Нотификации от сервера о новых сообщениях, графики курса валют, мессенджеры, браузерные игры, совместное редактирование документов - различные сложные "шустрые" фичи реализованы именно на WebSocket.
Мы начнём с азов, работать будем с максимально низкоуровневым браузерным API. Попробуем шустро в данном видео и "грязно" накидать чатик - аналог группы в Telegram, места, куда все залогиненные пользователи могут писать сообщения.
Будет круто! Летим!
Мы красавчики, друзья! Мы - самураи! Летим в космос, братья и сестры!
Поддержать проект монеткой: social-network.samuraijs.com
Платное обучение в онлайн или оффлайн инкубаторе:
it-incubator.eu
it-kamasutra.com
А здесь бесплатная взаимопомощь:
t.me/reactjs_samurai
* Мы в соц. сетях:
itkamasutra
/ itkamasutra
telegram.me/itkamasutra
* Мои личные VK и Insta:
d.kuzyuberdin
/ it.kamasutr. .
#webSocket #react #chat #практика #примеры #уроки #курс

Опубликовано:

 

29 дек 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 246   
@olegpavlov4329
@olegpavlov4329 3 года назад
Дослушал до 20.35 , пока всё понятно. Лайк
@alexandrx1237
@alexandrx1237 3 года назад
Спасибо за контент! Как раз углубляюсь в тему, и пока что твой пример самый понятный и простой.
@vladimirmuratov2220
@vladimirmuratov2220 3 года назад
Очень интересное видео о WebSocket + React. Димыч, ты прекрасный учитель. Спасибо 😇
@Andrey198923
@Andrey198923 Год назад
WebSocket + React - то что нужно! Спасибо за контент
@user-nv2kp3zo4w
@user-nv2kp3zo4w 3 года назад
Спасибо за то, что ты делаешь! С наступающим!! Удачи, мотивации продолжать, чтобы все задумки осуществились!!!
@user-gp9lt9cc2d
@user-gp9lt9cc2d 3 года назад
Спасибо Димыч за труд. У вас это очень хорошо получается. Продолжайте дальше. Удачи и успехов Сансей!
@dimitriitkach7697
@dimitriitkach7697 3 года назад
Спасибо как всегда за ещё один урок про Реаскт React и Web Socket
@parlorsky
@parlorsky 3 года назад
Отличный подарок на новый год! Так держать)
@elovek-ci8yu
@elovek-ci8yu Год назад
Только истинные самураи дошли сюда, пройдя путь Самурая 1.0. У нас нет цели, есть только путь.
@crypto4elik
@crypto4elik Год назад
real
@unknownbird6165
@unknownbird6165 11 месяцев назад
real
@dmytronice1337
@dmytronice1337 2 года назад
Спасибо за твои видео! Очень бодро и простыми словами объясняешь, супер классно) (За юморески лайк)
@Origin5696
@Origin5696 3 года назад
Я так ждал от тебя видео на эту тему и, наконец, вот оно!) С Новым годом!)
@ilhomhafizov7881
@ilhomhafizov7881 3 года назад
Димыч, спасибо тебе огромное!!!! С наступающим тебя! Я так долго ждал этого видео! Огромное спасибо, с нетерпением буду ждать 19-ю серию Путь Самурая
@artemivanov5013
@artemivanov5013 2 года назад
Димыч просто красавец! Так хорошо объяснять не каждый может
@artemarzumanyan7755
@artemarzumanyan7755 3 года назад
Димыч крутой! Спасибо тебе за то, что ты делаешь! Уже давно работаю, но все равно заглядываю иногда за полезной инфой. :) Вебсокеты топчик! WebSocket, React, TypeScript
@uzver3787
@uzver3787 3 года назад
Я прогрызал дорогу к этому видеооо)ааа-рр)) Очень прёт на изучение нового, просто в захлёб! И все благодаря тебе! Весь путь от "hello world" до нормалных приложений!) GraphQl буду изучать,часто вижу его везде...больше не могу игнорить) WebSocket, cool!) React) Useful knowledge! The best react course!
@BrushStreamer
@BrushStreamer 3 года назад
Спасибо огромное за такой уникальный контент!
@Hayabusa17
@Hayabusa17 3 года назад
это видео, самый лучший подарок на новый год🥳🥳
@lekost13
@lekost13 3 года назад
Спасибо за видео, Димео) Как всегда суперультрамегатоп!
@user-eb9sc3hw1g
@user-eb9sc3hw1g 3 года назад
Спасибо Димыч, ждал сокеты, порадовал ты к НГ!))) WebSocket, React, Веб-сокеты, Реакт, Redux, typeScript, websocket
@tomatguitar
@tomatguitar 3 года назад
о, 2021 год начался отлично - вышел новый ролик по реакту
@evgeny9945
@evgeny9945 Год назад
сейчас сломаю кнопку лайков, сижу слушаю и кажде 2 минуты думаю, нууу это жирный лайк, тянусь поставить, а он уже на месте) спасибо тебе огромное
@IT-Svyatoslav
@IT-Svyatoslav 3 года назад
Спасибо Димыч за свежак на канале под новый год! Пусть тебе в грядущем году часто улыбается Фартуна!
@lomshakov
@lomshakov 3 года назад
пришел с 80го выпуска первого плейлиста, посмотрел, обалдел, пошел обратно догонять))
@user-vs6bg3xn5s
@user-vs6bg3xn5s 3 года назад
Лучший подарок на Новый год!
@aleksandrglebik8033
@aleksandrglebik8033 Год назад
Спасибо, Димыч! WebSocket + React JS
@user-pc9bl7uf1l
@user-pc9bl7uf1l 3 года назад
Огонь! Летим дальше!
@melloone8862
@melloone8862 3 года назад
Спасибо за видео, мужик Как всегда на высоте!
@user-dn4ry3uw8i
@user-dn4ry3uw8i Год назад
WebSocket + React, спасибо за уроки
@Snegurjan
@Snegurjan 3 года назад
Еееее брооо, наконец то выдосик, а ещё и вебсокет ❤️💪
@user-dc1cr5ny3q
@user-dc1cr5ny3q 3 года назад
Димыч, как всегда все круто объяснил, webSoket это круто, огромное спасибо!!!)
@user-np9mq5xc7j
@user-np9mq5xc7j 2 года назад
Спасибо Димыч! WebSocket рулит. WebSocket + React, часть 1/ React JS - Путь Самурая 2.0 Лучшие уроки на Ютуб от Димыча бесплатно!!! 😊
@punchsocks
@punchsocks 3 года назад
Websocket react hook. Спасибо за уроки)
@1981ilyha
@1981ilyha 3 года назад
О! Сокет + реакт, как раз админку делаю! Респект не глядя!!!
@ITKAMASUTRA
@ITKAMASUTRA 3 года назад
Круто, надеюсь сделаю какие-то открытия ✊🤝
@brucewayne_007
@brucewayne_007 Год назад
Димыч, респект! На днях сдал первый заказ, качество кода ужас и работает коряво, но первые деньги получены. А это мотивирует делать работу качественнее и развиваться дальше. Спасибо!
@alexdeadlenin9255
@alexdeadlenin9255 3 года назад
WebSocket React TypeScript Спасибо за годноту!!!
@ernesttrachuk6931
@ernesttrachuk6931 2 года назад
Димыч, от души, уже посмотрел все уроки, активно ищу работу, сейчас делаю задание и некоторая инфа из урока мне очень пригодилась, спасибо, жди донатик с 1 зп, но не знаю когда эта зп будет )))
@_e_mask
@_e_mask 3 года назад
Новый год: наступает Димыч: В жопу празники, Учим React !
@ITKAMASUTRA
@ITKAMASUTRA 3 года назад
Ахахах) ну вчера работал до 4 утра! То есть уже до сегодня)
@KS-sd4tl
@KS-sd4tl 3 года назад
@@ITKAMASUTRA Арбайтен унд дизциплинен!:)
@Anticipant
@Anticipant 3 года назад
@@ITKAMASUTRA люблю тебя
@mirlantalantov5923
@mirlantalantov5923 3 года назад
@@KS-sd4tl genau
@user-je1el3gj9d
@user-je1el3gj9d 3 года назад
Крутяк, жду продолжение где ты будешь по архитектуре все делать!)
@user-ts1nd2ml5e
@user-ts1nd2ml5e 3 года назад
Спасибо за ваш труд!
@user-wp3qp3zu6p
@user-wp3qp3zu6p 3 года назад
Web Socket, React, Hooks, useEffect, useState, socket io . Димыч красавчик! Скорей бы Apollo - очень крутая тема! Летим! С Новым Годом!
@kuko932
@kuko932 3 года назад
Бесподобный урок!!!!!!!!!!!!!!!!!!!!!!!!!!!!! действительно вкусняшки
@Abdul-hy4cy
@Abdul-hy4cy Год назад
Контент огонь Димыч !!!!!
@user-dl1jf8vo2q
@user-dl1jf8vo2q 7 месяцев назад
Крутой материал! Благодарю! WebSocket, React
@coldwarrior9992
@coldwarrior9992 3 года назад
Урааааааааа! Димыч comeback, я думал ты забыл про нас!)
@FireORcolD
@FireORcolD Год назад
что за золотой контент я пропустил, столько нужной инфы
@igorbelinskiy
@igorbelinskiy 2 года назад
Спасибо, что ты есть!)))
@ruslanla4654
@ruslanla4654 3 года назад
@IT-KAMASUTRA спасибо - лучший подарок на Новый год Димыч с наступающим тебя , желаю тебе в следующем году переплюнуть планку в миллион подписчиков )) Ну и сил тебе в твоих добрых делах ! С Новым годом 🎄🎉
@ITKAMASUTRA
@ITKAMASUTRA 3 года назад
🙏🤝🙌🏻🚀
@evgeniybondarenko7068
@evgeniybondarenko7068 2 года назад
websocet, react, спасибо) Летим дальше)
@danilafeduleev6087
@danilafeduleev6087 3 года назад
Самый лучший подарок на Новый Год!!!)) Спасибо!)
@ITKAMASUTRA
@ITKAMASUTRA 3 года назад
Спасибо за обратную связь! ✊
@ITKAMASUTRA
@ITKAMASUTRA 3 года назад
С наступающим!
@andreykomov2178
@andreykomov2178 2 года назад
Да только ради песни можно смотреть видос)) Спасибо за видео, очень круто!
@Volodymyr.S
@Volodymyr.S 2 года назад
WebSocket, cool!) React) Useful knowledge! The best react course!
@dzmitrykubarski1462
@dzmitrykubarski1462 3 года назад
WebSocket, React, Веб-сокеты. Спасибо!)
@SerhiiNesterov
@SerhiiNesterov 3 года назад
Спасибо за видео WebSocket React
@conservativ724
@conservativ724 Год назад
ты очень круто объясняешь)
@some_name
@some_name 3 года назад
Лукас за сокеты 👍
@DrGurgen
@DrGurgen 3 года назад
Вот и новогодний подарок от Дымча)
@alexleshenko
@alexleshenko 3 года назад
С пол года поработал с лютым легаси)) и вернулся в реакт, Димыч ты супер сенсей)
@taniadanceclasses9883
@taniadanceclasses9883 3 года назад
Websocket) пишу для комментария) а так уже обучаюсь полгода на твоих курсах!!! Очень крутое обучение! Всем рекомендую
@maxim.saharov
@maxim.saharov 2 года назад
я уже больше четырех месяцев тоже учусь)
@user-yv2bc5ob8w
@user-yv2bc5ob8w 3 года назад
WebSocket, React, Веб-сокеты. ТОПЧИК
@oduvanio
@oduvanio 3 года назад
Web socket, Веб-сокеты, спасибо Димыч! Но ты забыл автоскролл через useRef показать, хотя несколько раз за видео говорил что сделаешь) спасибо за контент
@artemmetra9000
@artemmetra9000 2 года назад
Спасибо, очень толково донес!
@aleksandryudaiev9673
@aleksandryudaiev9673 2 года назад
Привет Димыч. То что надо WebSocet это сила. Веб сокеты. Го го го летим в космос. Давай хотя бы видео в месяц, жду 24 видео.
@user-ic5sz7hz8c
@user-ic5sz7hz8c 3 года назад
Спасибо! :) WebSocket, React, Веб-сокеты, Redux, typeScript, websocket
@yevheniisahanenko5848
@yevheniisahanenko5848 3 года назад
Websocket, Веб-сокеты, React, Реакт Спасибо!
@user-xs2dx2mh3f
@user-xs2dx2mh3f 2 года назад
Websocket огонь конечно. Особенно когда димыч объясняет
@romanjob8152
@romanjob8152 Год назад
WebSoket top Дякую за контент та інформацію.
@user-bb9gg1cp4c
@user-bb9gg1cp4c Год назад
Дякуй за мову)
@user-ke2on2ju8m
@user-ke2on2ju8m 3 года назад
Спасибо за труд =)!
@spykast2450
@spykast2450 3 года назад
Продолжай так же 👍👍👍
@user-iy7nj4is4n
@user-iy7nj4is4n 3 года назад
Отлично , спасибо просто пушка
@ponature
@ponature 3 года назад
Наконец то вебсокеты!
@ITKAMASUTRA
@ITKAMASUTRA 3 года назад
Рад стараться! С Наступающим 🎄
@Vllad_Ko
@Vllad_Ko 3 года назад
Димыч, ты просто - Супер ютуб-ментор!!!
@Abdul-hy4cy
@Abdul-hy4cy Год назад
1:15:03 - Димыч раздал в конце, хахах Так позитивно, Димыч крутой !!!!! Мало того что обучаюсь полезным вещам, так Димыч ещё сам по себе позитивный и настроение поднимает !
@Al4ii
@Al4ii 3 года назад
Спасибо, сенсей!!
@user-ei5zp2qi4j
@user-ei5zp2qi4j 2 года назад
Спасибо за урок
@glebpilipenka3060
@glebpilipenka3060 3 года назад
WebSocket - пушка!
@maliksoltukiev5961
@maliksoltukiev5961 3 года назад
О, вебсокет, топ!!!
@belle-nastja
@belle-nastja 3 года назад
Cообщение в чатик отправлено - день прожит не зря :) WebSocket - летим в космос !
@kobernyk_
@kobernyk_ 3 года назад
Димыч, добрый день) Прочти это). РЕБЯТ, ПОСТАВТЕ ЛАЙКИ, ЧТОБЫ ДИМЫЧ УВИДЕЛ) Вообщем дело было так. 2 года назад я все же решил связать себя с программированием, пошел учиться в ШАГ академию. Учили там с++, проучился я 2 месяца и начались мутки с армией. Из-за этого я был не в состоянии продолжить учебу, просто морально. Но все прошло хорошо, после 5 месяцев мучений и беготни, меня все таки списали. В шаг так и не вернулся. Далее были попытки что-то учить, html, css, но все не запомнил. Иногда помагал девушке с языком С, писал ей курсовые и тд. Самостоятельно вернулись к программированию где-то 4-5 месяцев после событий с армией. Мне мой друг, который уже работал, скачал курс по js, и я начал учить с перерывами, и так добралось время до пандемии. Я тогда очень сильно взялся за учебу, за вёрстку, и хорошего изучения learn.javascript.ru. Понемногу набирался знаний, вот уже было лето, я иногда натыкался на твои видео, но думал, что ещё рано за фреймворк браться. Под конец лета я все же решился, я прошел твой курс "Путь самурая" за 1.5 месяца, и потом видео по второму сезону)). Я все эти 2 года уже работал в компании TTN, сначала колцентр, потом тех саппорт(типа ресёрч логов). Началось время когда я начал слать резюме, слал очень много, но отвечали скудно( У меня была цель попасть хотябы на собеседование. За 2 месяца таки не пригласили ни на одно собеседование. Здесь пришла пора компании в которой работал. Я знал, что в нашей компании в поисках Мидла на VUE. После того, как с реактом по собесах была неудача, из-за того, что не звали в принципе, я написал нашему PM, которая заправляла нашим департаментом, в котором я работал последний год на research (tech-support). (На момент когда я писал, в команде фронта уже был Синьйор, мидл) Написал ей, что может им понадобиться к мидлу, ещё в помощь джун, и сказал, что уже немного плаваю в реакте, и разобраться во Vue будет дела недели. Она согласилась). Я в тот день написал синьйору, он запросил на чайок. Неделю я учил Vue, после этого пошел на чайок, так сказать, болтали где-то 4 часа, о том о сем, про js не js и тд. Многое я узнал за эти 4 часа), например, что в input ванильном компоненте внутри лежит div) В итоге он мне предложил написать компонент форму поиска. Я согласился, мне выделили ноут под разработку, и вот пол месяца, не без помощи синьйора я разбирался с средой разработки и разрабатывал на Вью. До мен было все по новому,во первых Вью, во вторых использование кода написанного другими разработчиками и тд. В итоге под конец Ноября я здела форму поиска, ещё поправил одну форму, которая уже была в проде. Кароче меня решили брать в штаб, предложили 800, я был в шоке. Нужно было правда найти мне замену в старом отделе) Замену нашёл, но нужно было ещё научить. Вот так прошел мой декабрь, Работал на сапорте, паралельно работал на разработке, что успевал, и учил замену)) Это какой то подарок, сегодня у меня последняя смена на сапорте, и с понедельника я уже выхожу на работу только на разработку. За эти 1.5 месяца поднакатался, получил реальный опыт, и уже не так страшно выходить полностью на работу разработчиком. Тебе димыч я говорю огромное спасибо, я Очень сильно спрогресировал благодаря тебе, то что ты вложыл в меня, понимание тех концептов, и тд, понимание FLUX, мне очень помогло во вью, что разработка шла намного проще)) Димыч, ты Лучший, сотка от меня с ЗП в следующем месяце тебе полетит) Я сейчас думаю, (я верю в Бога) называйте это как хотите, вселенной или Богом, но странно что ничего прям не получалось с реактом 1.5 месяца, а потом в своей компании, все получилось и на каких условиях. Это реальный подарок. Вообщем, всем добра. С наступающим)))
@kobernyk_
@kobernyk_ 3 года назад
Кому интересно, так судьба сложилась, не пошел учиться после школы, а сразу на работу, ибо было необходимо) сейчас мне 21
@mixfix86
@mixfix86 3 года назад
Молодец!
@ITKAMASUTRA
@ITKAMASUTRA 3 года назад
где-то под другим видосом уже читал это!)) Лети, бро!! удачи!
@kobernyk_
@kobernyk_ 3 года назад
@@ITKAMASUTRA спасибі, братику)
@TRIZ-Bogatyregold
@TRIZ-Bogatyregold Год назад
Появилась необходимость изучить webSocket в связке с реактом, первым делом естественно пошел смотреть про это к Димычу!
@user-wj3rv9gj2v
@user-wj3rv9gj2v 3 года назад
Возращение 🔥🔥🔥🔥 В топ
@user-yq6vc3mn9l
@user-yq6vc3mn9l 3 года назад
"Можете нагуглить как наговнокодить работу вебсокет с реакт" 😂😂😂💜лучший
@istoric7221
@istoric7221 3 года назад
Агонь! Сокеты.
@user-sv2uh2pn3v
@user-sv2uh2pn3v 2 года назад
Димыч вообще крутоой🔥👍 Несколько раз уже писал😂 Но ты вообще классный, лучший🔥🔥👍👍👍 Залез посмотреть сообщения
@maxim.saharov
@maxim.saharov 2 года назад
@valentynlugovyi4789
@valentynlugovyi4789 3 года назад
Круто, Благодарю!
@dotg6618
@dotg6618 Год назад
впервые появилась задача работы в вебсокетами, посмотрим чему научишь)))
@elovek-ci8yu
@elovek-ci8yu Год назад
Димыч ты лучший !
@Almas-2002
@Almas-2002 3 года назад
Ты крутой вот что могу сказать !
@cseedrvr6627
@cseedrvr6627 3 года назад
Приятно осознавать что после "путь самурая 1" ушел вперед, и все темы из "путь самурая 2" уже знаю, но видос от Димыча конечно преподносит очень интересные и новые вещи
@ITKAMASUTRA
@ITKAMASUTRA 3 года назад
Летим!!! Я ещё задач жару, что много интересного получите в новом году ;)
@davitgasparyan3331
@davitgasparyan3331 3 года назад
WebSocket + React. спасибо
@user-mx4zw4mc9v
@user-mx4zw4mc9v Год назад
Спасибо!
@evgenykrivosheev957
@evgenykrivosheev957 3 года назад
Супер зашло
@Almas-2002
@Almas-2002 3 года назад
Реально круто
@user-pc9bl7uf1l
@user-pc9bl7uf1l 3 года назад
Огонь!
@aleksandrstaetskiy5687
@aleksandrstaetskiy5687 3 года назад
Топовый видос
@lel2327
@lel2327 Год назад
Познаю websocket вместе с React-гуру
@dashashnipova4101
@dashashnipova4101 3 года назад
Сегодня 31 декабря 2020 года. Если спросить, что хорошего было для меня в этом году, то я однозначно скажу: учеба в IT-инкубаторе и пройденный "Путь Самурая". Миллион спасибо тебе, Димыч! Летим к новой профессии!!!
@ITKAMASUTRA
@ITKAMASUTRA 3 года назад
Даша, Спасибо большое!!! Рад, что наша движуха так сильно помогает ✊⚔️🥰
@stephencurry8078
@stephencurry8078 Год назад
как успехи?
@malczag9928
@malczag9928 10 месяцев назад
Привет! А я спустя 3 года начал этот путь, как у тебя успехи? Устроилась уже
@Abdul-hy4cy
@Abdul-hy4cy Год назад
Димыч топ ! ТОП !
@user-wd3tl2rx9p
@user-wd3tl2rx9p Год назад
Димыч, спасибо
@user-hg5sc1yi8t
@user-hg5sc1yi8t 3 года назад
посвистывания в конце лучшие :D
@kryshtop
@kryshtop 3 года назад
Спасибо спасибо спасибо!
Далее
БИМ БАМ БУМ💥
00:14
Просмотров 3,6 млн
How to use WebSockets with React and Node
1:11:51
Просмотров 23 тыс.
Чего ожидать от HTTP/3 + Go
51:07
Просмотров 7 тыс.
100 - Теория ReactJS + Redux за 90 минут
1:26:35
42 - React JS Практика - Redux
29:15
Просмотров 131 тыс.