How to use WebSockets with React and Node

Показать описание

WebSockets are a bidirectional full-duplex communication protocol used to enable realtime updates such as chat, multiplayer collaboration, notifications, and other live updates in your React applications.

Compared to the other humdrum WebSocket videos out there, in this video, you will learn WebSockets by *doing*.

Follow along as we build something awesome. In doing so, you'll learn WebSockets well enough at a fundamental level to apply them in any project now, or in the future.

TIMESTAMPS ⏰
00:00 Introduction
01:12 WebSockets vs HTTP
03:08 3 things you need to know about WebSockets
05:52 What you'll build
07:41 WebSockets with Node
39:28 WebSockets with React
01:08:47 Conclusion

LINKS MENTIONED 🔗

ABOUT ABLY 👋
Ably is an enterprise-grade pub/sub messaging platform. We make it easy to efficiently design, quickly ship, and seamlessly scale critical realtime functionality delivered directly to end-users. Every day, we deliver billions of realtime messages to millions of users for thousands of companies.

ABLY ON SOCIAL

Рекомендации по теме

Комментарии

I’m the author of react-use-websocket, and stumbled on this video. Your kind words made my weekend!❤

robcataus

This is HIGH-level content, 10/10 quality, 10/10 content, I'm shocked by the low viewership, I wish you all the best on your journey as a content creator

gabrielvaz

Such a quality content there! 👍
Websocket has been overwhelming for me as a socket io user, and this expalins a very decent way love it.
I really hope to see more educational contents like this from this channel and alst but not least Ably looks really interesting to give a try too!

ihateorangecat

This video is just so good. EXTREMELY high quality content. Thank you very much! This is the type of video that not only adds value to other people but make them remember you and your business.
Will recommend this to anyone looking to learn about WS!
Wish you the utmost success!

Cyandog

Extremely useful, easy to understand, perfect ^)

beingmyself

Thanks for a great tutorial. Appreciate it.

StudioShop

Thanks for the interesting video, would be great to also see how to use Ably in my projects too.

JohnMcclaned

thank u buddy for creating this awsm content, easy to understand thanks again

kishankumar-zepf

Many thanks ! Would also love to see how to implement Ably websockets in a Next.JS app :)

heuvije

Awesome tutorial! I think I’m missing something. You’ve added useref to stop it rerendering but why does it re render so much in the first place? I thought react components only re render if state or props change?

wushupro

Since Node v.15.6.0 you don't need to install `uuid` from npm. There is a Node's native module called 'node:crypto' which exports 'randomUUID` (UUID v4) function.

hlibtumakov

Thanks for the tutorial, I really appreciate the effort. One q tho, r u rly using white mode in vs code?

rickshawty

Are the hackthon projects repos available want to do sth close to uber so if there is a blog on that as well or a video that be created with react or react native that would be great

justiceessiel