How to use WebSockets with React and Node

No video

How to use WebSockets with React and Node

Рет қаралды 26,401

Ably Realtime

Күн бұрын

Пікірлер: 49

@robcataus 4 ай бұрын

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

@AblyRealtime 4 ай бұрын

Great to hear from you, and thanks for commenting ❤️

@bookercodes 4 ай бұрын

Haha, no way, amazing to see you here! Great work on react-use-websocket!

@gabrielvaz8083 4 ай бұрын

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

@isabelladavila3834 19 күн бұрын

So easy to follow and explained every step! Best cursor WebSocket video out there. Thank you!!!

@AblyRealtime 13 күн бұрын

Thanks very much Isabella!

@Cyandog 9 ай бұрын

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!

@AblyRealtime 9 ай бұрын

Thanks for the kind words! Glad to hear you like the video.

@Cyandog 9 ай бұрын

@@AblyRealtimei got a few questions if possible. Could you make just one users object and put the connections there? Also, the on message handler needs to be inside the on connection one?

@AblyRealtime 8 ай бұрын

@@Cyandog You can structure the code that way if you prefer! There's no implication on functionality or performance, so it really comes down to your preference and what you find most logical to follow. Regarding the message handler - yep, that's right! - Alex

@JohnMcclaned 9 ай бұрын

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

@AblyRealtime 9 ай бұрын

Thanks for the kind words John, we're working on more videos so stay tuned 😎

@beingmyself3706 4 ай бұрын

Extremely useful, easy to understand, perfect ^)

@ihateorangecat 7 ай бұрын

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!

@nxone9903 5 ай бұрын

Underrated channel.

@AblyRealtime 5 ай бұрын

🙌

@incidentallygeeks 7 ай бұрын

You the man!

@StudioShop 4 ай бұрын

Thanks for a great tutorial. Appreciate it.

@AblyRealtime 4 ай бұрын

😁

@kishankumar-ze5pf 2 ай бұрын

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

@AblyRealtime 2 ай бұрын

Thanks for commenting!

@user-he5uv6ij7e 8 ай бұрын

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

@AblyRealtime 7 ай бұрын

Thanks for letting us know, a great suggestion!

@hlibtumakov4367 9 ай бұрын

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.

@AblyRealtime 9 ай бұрын

Thanks, will feed this back to the team.

@AbdurRahim-eu3zr 9 ай бұрын

Using light theme is like bringing a flashlight to a laser show - let's keep it dark and mysterious, shall we?

@AblyRealtime 9 ай бұрын

Thanks for your feedback, we will keep it in mind for future videos.

@keyonlewis7574 9 ай бұрын

@@AblyRealtimeyes that would be nice

@wushupro 8 ай бұрын

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?

@AblyRealtime 8 ай бұрын

React useWebSocket forces a render when lastJsonMessage is updated. In other words, the component renders every time a new WebSocket message is received - Alex

@rickshawty 3 ай бұрын

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

@AblyRealtime 3 ай бұрын

Alex is just a VS code white-mode kinda guy 😎

@nibunimu 8 ай бұрын

Why do we use useRef and not useCallback at 57:00?

@AblyRealtime 8 ай бұрын

Good question. To the best of my understanding, useRef is equivalent to useCallback with an empty dependencies array. They both accomplish the same thing, which is to reference a variable between re-renders - Alex

@GriffynGould 8 ай бұрын

10/10

@AblyRealtime 7 ай бұрын

Thanks! Glad to hear you liked it!

@Goku-xm1gq 9 ай бұрын

You said brodcasting using loop ? but that aint feasible right ? when user count is high

@AblyRealtime 9 ай бұрын

Correct - when the user count is extremely high, broadcasting a message to every single client using a loop can lead to performance issues. In such cases, more complex solutions such as pub/sub models or a Message Queue system might be needed. These solutions allow the server to handle a much larger number of connections simultaneously. - Alex

@justiceessiel6123 9 ай бұрын

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

@AblyRealtime 9 ай бұрын

Hello, you can find the hackathon project gallery at ably.devpost.com/project-gallery but the repos may not be public.

@milon27 9 ай бұрын

🎉 how to deploy properly ? in scalable way

@AblyRealtime 9 ай бұрын

Hello, we have another recent video called 'How to scale WebSockets to millions of connections' which you might find helpful: kzfaq.info/get/bejne/rL56pq1ml9zbcXU.html - let us know if you have any questions