React and NodeJS App | SSE and EventSource
Vložit
- čas přidán 5. 07. 2024
- Dive into the world of real-time web applications as we introduce you to EventSource and Server-Sent Events (SSE) using React and Node.js! This beginner-friendly tutorial will walk you through the fundamentals of creating seamless, real-time communication between your server and client-side applications.
In this video, you'll learn:
🌟 00:00:00 - Intro
🌟 00:00:45 - Initial React App Setup
🌟 00:02:36 - Building a React front-end to consume SSE
🌟 00:07:58 - Setting up a Node.js backend for SSE
🌟 00:14:30 - Res.send vs Res.write
🌟 00:18:59 - Seeing it in action
🌟 00:20:30 -Outro
By the end of this tutorial, you'll have a solid understanding of EventSource and SSE, and you'll be ready to start implementing real-time features in your own React and Node.js projects. Don't forget to like, share, and subscribe for more web development content!
#EventSource #SSE #React #Nodejs #RealTimeWebApplications - Jak na to + styl
From one Kevin to another - well explained and super helpful - thank you!
I love how you explain easy things which sometimes it takes time to understand :)
Loved your video, keep up what you're doing and make some real good content!
thank you so much! That means a lot, I really appreciate you watching 😊🙏
Keep up the good work Kevin. Thank you for your effort
Hey I appreciate that 🙏 thank you for watching!
Great example, thanks for sharing
Thank you so much 🙏 I appreciate you watching!
Bro, it was Amazing! But you are damn underrated!!!! Got a new Subs.,, keep up the great work ✨✨✨✨
Thanks for the great tutorial!
But should I use websocket or SSE for realtime apps like googleClassroom or blog apps etc?
Waiting for your response.
I think it depends on if you need one way event recognition or you need multiple way event recognition. If you just need a Events from the server to the client, then SSE will suffice. But if you're doing like a sub pub model, web sockets will be a better fit. hope that helps! And thank you so much for watching 🙏
why send it in intervals though? what if we want to send an update to the frontend when and only when an event occurs "user created" for example.
this is a great question, the example I gave is just a simplified way. you could wait for a status from the database, or try to send a specific identifier to the server for specific events like you're asking about.
This guy kinda looks like Luka Doncic
great video quality