React and NodeJS App | SSE and EventSource

Sdílet
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

Komentáře • 16

  • @kevinolds9614
    @kevinolds9614 Před 29 dny

    From one Kevin to another - well explained and super helpful - thank you!

  • @ruslan_yefimov
    @ruslan_yefimov Před 8 měsíci

    I love how you explain easy things which sometimes it takes time to understand :)

  • @nizarzouaoui7543
    @nizarzouaoui7543 Před rokem +1

    Loved your video, keep up what you're doing and make some real good content!

    • @CodingWithKevin1
      @CodingWithKevin1  Před rokem

      thank you so much! That means a lot, I really appreciate you watching 😊🙏

  • @dewaldesterhuysen712
    @dewaldesterhuysen712 Před rokem

    Keep up the good work Kevin. Thank you for your effort

  • @potatosoup815
    @potatosoup815 Před rokem

    Great example, thanks for sharing

  • @ddhruvarora
    @ddhruvarora Před 4 měsíci

    Bro, it was Amazing! But you are damn underrated!!!! Got a new Subs.,, keep up the great work ✨✨✨✨

  • @itspawanpoudel
    @itspawanpoudel Před rokem +1

    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.

    • @CodingWithKevin1
      @CodingWithKevin1  Před rokem

      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 🙏

  • @TheInfamousAlpha
    @TheInfamousAlpha Před rokem +1

    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.

    • @CodingWithKevin1
      @CodingWithKevin1  Před rokem +1

      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.

  • @Mustafa-jy8el
    @Mustafa-jy8el Před 2 měsíci

    This guy kinda looks like Luka Doncic

  • @Piliponful
    @Piliponful Před 7 měsíci

    great video quality