How I coded a REAL-TIME LINE CHART with WEBSOCKETS and REACT

Real-time Line Graph using React and Websockets

[cm]

Learning React for the first time, already a fan of your channel.
This is great and straightforward!
Nice to see you were already going great 3 years ago.
Thanks and keep up the good work.

[yonxu]

I am currently working on my thesis project in which i am responsible for developing a web dashboard for an existing real-time network monitoring system. I am new to web dev and I reckon this vid is extremely helpful! Thank you!

[tpalacino]

Great straightforward guide for web sockets in Node and React

[Meskarts]

Extremly Helpfull - especiially the part where you store the "currentData" - man ive been looking for hours - why my old data is not stored and overwritten! You made me very happy!

[xavierpierre]

really easy to understand it thank you man for this video

[tikamikas]

Extremely helpful video and well explained, thank you!

[aadi.p]

hey, idk y but the graph doesnt appear on my screen

[HugoRamirezSoto]

Thank you for video, it's extremely helpful. I just subscribed to you channel. Keep the good work!

[walterzz-dy]

What about ram and storage ? Can do it

[stealthstalker]

please add some disclaimer that this method hog our resources, because there is an always-growing array everytime the interval triggers new data

[blayke]

hi there, is there an alternative way of sending out new data without having to use setTimeOut?

[themasterfull]

I try to replicate the useEffect socket connection in my code, but when setData execute, it create multiple connection to the server, do you know why?

[TechiesUnofficial]

I'm getting "WebSocket is closed before the connection is established."

[diosdelfondo]

hi. How do you solve the multiplicity of emit when you reload the page?

[adwaitdeshmukh]

Why don't we use lightweight charts

[amammustofa]

how to delete the first item though, so it only displayed certain amount of data only in a single view

[shaythuramelangkovan]

hi is there a dependency issue ? because when i tried this on mac it works fine but not on windows on windows it says connection failed : WebSocket connection to failed: WS.doOpen @ websocket.js:124 Transport.open @ transport.js:84 Socket.open @ socket.js:250 Socket @ socket.js:122 Socket @ socket.js:28 Manager.open.Manager.connect @ manager.js:226 (anonymous) @ manager.js:544 websocket.js:124