Implementing Live Commentary in React | Server Sent Events (SSE) | Frontend System Design

In this video, we will discuss what are Server Sent Events (SSE) in JavaScript. It is a commonly asked topic that comes up in trade-off analysis during frontend system design interviews. We will explore different use-cases, how it is different long polling and web sockets, and finally implement it in a real world web-app.

00:00 Introduction
00:49 Tradeoff Analysis
01:35 Different Use-cases
06:14 Live Example
13:58 Optimising solution
21:00 Outro

Try now using the links below

You can support our channel via:

************************************************************
Devtools Tech is a YouTube channel started as a collaborative effort among like-minded engineers to provide high-quality programming tutorials for free. We firmly believe in knowledge sharing and easy access to quality content for everyone. Hence, this channel is an effort to give back to the community and a step toward our belief -- "We rise by lifting others".

Team Members:
Yomesh Gupta

#javascript #ai #web #frontend #systemdesign #devtoolstech #code #programming #performance
***********************************************************

[wafiqhosain]

Thank god u guys are exist. Nehito rest of the people only use utube to launch thier paid courses instead of teaching.

[shakthivel]

This is really helping me, continue to post similar kind of videos expecting a video every week. Thank you

[orangeDevs]

Thanks alot bro for the deep tech videos . Keep this continue

[prateekgogia]

Learnt something new today. Amazing Job as always. Kudos Yomesh!🎉

[farazhusain]

Thank you for creating such insightful and knowledgeable content! Your efforts in sharing valuable information are truly appreciated. Keep up the great work!

[starlord]

Understood until the custom hook part. I got a lot to study I guess. Keep uploading bro, I just found out about your channel and content looks really knowledge rich

[allanfernandes]

Super useful for frontend engineers. Helps a lot in choosing the right communication strategy.

Quick question: Why do you used mantine as your component library and why no other one's?

[Dangrdx]

Explaination and implementation was really nice. But bro can you please increase your sound from next video onwards? Last time also it was low.

[jitxhere]

Amazing guide.

I am wondering how would this work out with database? Like I use drizzle or prisma orm so how would backend send the data?

[Ravi_Goyal]

one correction In long poling we don't make request every 5 sec this short poling I think

[musiclovrrap]

Can you please make a recursive comments just like reddit, will its implementation will be different from the recursive file explorer ?

[gyuliz]

could you share the github repos as well for us to see the code?

[anonymous_dev]

Difference between web sockets and server sent events?

[harshithsshetty]

Sir please come up with a remix JS series...

[alchemistmd]

Hi this might be a silly doubt, i don't understand the extension we add for hook files, when do we do .ts or .tsx is it based upon config or something, any reference to understand this would be helpful

[VivekChavan-ovpl]

voice is too low, not sure its only for me

[ham-]

Can someone please explain the NOOP type?