Coding with Kevin
Coding with Kevin
  • 37
  • 118 082
React and NodeJS App | SSE and EventSource
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
zhlédnutí: 4 761

Video

Coding Challenge | Junior JS Developer
zhlédnutí 235Před rokem
#javascript #codingchallenge 0:00 Intro 1:16 Start Coding 6:40 Final Result and Terminal Color 9:00 Outro In this coding challenge, we will be creating a custom compound interest calculator using JavaScript. The goal is to create a program that can calculate compound interest with a user-defined interest rate, principal amount, and time period. But that's not all! We'll also be adding some cool...
Trading Challenge Strategy
zhlédnutí 471Před rokem
This video is how Jim and I have been trading AAPL for the Trading Challenge OptionsSwing. We use ThinkOrSwim, create a template using 1st tags OCO, and I give some tips about some gotchas that I experienced.
MERN Journal App Course | Part 1 of 7
zhlédnutí 1,6KPřed rokem
#coding #mernstack #reactjs Today is part 1 of our MERN Journal App Course Venmo Me a cup of coffee: @CodingWithKevin My Equipment 🎥My Camera: amzn.to/3fS1hqY 📟My Computer: amzn.to/3uUEsHA 💻My Monitor: amzn.to/3poLB1w 🎤My Mic: amzn.to/3ilZOuW ⌨️My Keyboard: amzn.to/3x0zSZG Webull for Stocks / Crypto 📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4Mb/ej5/inviteUs/main Health: 💪 Pr...
MERN Journal App Course | Part 2 of 7
zhlédnutí 699Před rokem
#coding #mernstack #reactjs Today is part 2 of our MERN Journal App Course Venmo Me a cup of coffee: @CodingWithKevin My Equipment 🎥My Camera: amzn.to/3fS1hqY 📟My Computer: amzn.to/3uUEsHA 💻My Monitor: amzn.to/3poLB1w 🎤My Mic: amzn.to/3ilZOuW ⌨️My Keyboard: amzn.to/3x0zSZG Webull for Stocks / Crypto 📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4Mb/ej5/inviteUs/main Health: 💪 Pr...
MERN Journal App Course | Part 6 of 7
zhlédnutí 570Před rokem
#coding #mernstack #reactjs Today is part 6 of our MERN Journal App Course Venmo Me a cup of coffee: @CodingWithKevin My Equipment 🎥My Camera: amzn.to/3fS1hqY 📟My Computer: amzn.to/3uUEsHA 💻My Monitor: amzn.to/3poLB1w 🎤My Mic: amzn.to/3ilZOuW ⌨️My Keyboard: amzn.to/3x0zSZG Webull for Stocks / Crypto 📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4Mb/ej5/inviteUs/main Health: 💪 Pr...
MERN Journal App Course | Part 7 of 7
zhlédnutí 702Před rokem
#coding #mernstack #reactjs Today is part 7 of our MERN Journal App Course Venmo Me a cup of coffee: @CodingWithKevin My Equipment 🎥My Camera: amzn.to/3fS1hqY 📟My Computer: amzn.to/3uUEsHA 💻My Monitor: amzn.to/3poLB1w 🎤My Mic: amzn.to/3ilZOuW ⌨️My Keyboard: amzn.to/3x0zSZG Webull for Stocks / Crypto 📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4Mb/ej5/inviteUs/main Health: 💪 Pr...
MERN Journal App Course | Part 3 of 7
zhlédnutí 619Před rokem
#coding #mernstack #reactjs Today is part 3 of our MERN Journal App Course Venmo Me a cup of coffee: @CodingWithKevin My Equipment 🎥My Camera: amzn.to/3fS1hqY 📟My Computer: amzn.to/3uUEsHA 💻My Monitor: amzn.to/3poLB1w 🎤My Mic: amzn.to/3ilZOuW ⌨️My Keyboard: amzn.to/3x0zSZG Webull for Stocks / Crypto 📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4Mb/ej5/inviteUs/main Health: 💪 Pr...
MERN Journal App Course | Part 5 of 7
zhlédnutí 368Před rokem
#coding #mernstack #reactjs Today is part 5 of our MERN Journal App Course Venmo Me a cup of coffee: @CodingWithKevin My Equipment 🎥My Camera: amzn.to/3fS1hqY 📟My Computer: amzn.to/3uUEsHA 💻My Monitor: amzn.to/3poLB1w 🎤My Mic: amzn.to/3ilZOuW ⌨️My Keyboard: amzn.to/3x0zSZG Webull for Stocks / Crypto 📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4Mb/ej5/inviteUs/main Health: 💪 Pr...
MERN Journal App Course | Part 4 of 7
zhlédnutí 410Před rokem
#coding #mernstack #reactjs Today is part 4 of our MERN Journal App Course Venmo Me a cup of coffee: @CodingWithKevin My Equipment 🎥My Camera: amzn.to/3fS1hqY 📟My Computer: amzn.to/3uUEsHA 💻My Monitor: amzn.to/3poLB1w 🎤My Mic: amzn.to/3ilZOuW ⌨️My Keyboard: amzn.to/3x0zSZG Webull for Stocks / Crypto 📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4Mb/ej5/inviteUs/main Health: 💪 Pr...
Dockerize Your Full-Stack App | ~Easy to follow
zhlédnutí 12KPřed rokem
#coding #Docker #reactjs Today we have a M.E.R.N. app that we're going to Dockerize. This will allow us to separate api calls and move towards load balancing. Venmo Me a cup of coffee: @CodingWithKevin My Equipment 🎥My Camera: amzn.to/3fS1hqY 📟My Computer: amzn.to/3uUEsHA 💻My Monitor: amzn.to/3poLB1w 🎤My Mic: amzn.to/3ilZOuW ⌨️My Keyboard: amzn.to/3x0zSZG Webull for Stocks / Crypto 📈 Deposit $1...
Top k most frequent algorithm | JavaScript solution
zhlédnutí 318Před 2 lety
In this video, I walkthrough a coding challenge I had during an interview. This is the Top K Algorithm coding challenge! I demonstrate how I accomplished this with JavaScript 00:00 - Intro 01:29 - Begin coding 03:04 - Using .reduce() 07:38 - Sorting array 09:21 - Do, While loop 10:37 - Full solution 10:48 - Takeaways | Outro Venmo Me a cup of coffee: @CodingWithKevin My Equipment 🎥My Camera: am...
Learn ReactJS in 30 Minutes | 2022 edition
zhlédnutí 3,4KPřed 2 lety
In this video, I walkthrough setting up a React app, and we learn React in 30 minutes! Enough to give you a good foundation and run from here. Thumbnail background by unsplash.com/photos/Skf7HxARcoc?ShareLink Venmo Me a cup of coffee: @CodingWithKevin My Investment Platform 📈 Deposit $100, get 2 free stocks! act.webull.com/in/2qmNyrkgX4Mb/ej5/inviteUs/main For Crypto 🤑 Deposit $400 and get $50 ...
Beginner React Coding Challenge
zhlédnutí 1,4KPřed 2 lety
In this video, I walkthrough a coding challenge I had during an interview. This is the Beginner React coding challenge! I demonstrate how I accomplished this with React JS. Thumbnail Background by unsplash.com/photos/xC7Ho08RYF4?ShareLink Venmo Me a cup of coffee: @CodingWithKevin My Equipment 🎥My Camera: amzn.to/3fS1hqY 📟My Computer: amzn.to/3uUEsHA 💻My Monitor: amzn.to/3poLB1w 🎤My Mic: amzn.t...
Another Mid Level Developer React Coding Challenge
zhlédnutí 1,5KPřed 2 lety
Another Mid Level Developer React Coding Challenge
3 tips: Jr devs vs Sr devs - code like a boss!
zhlédnutí 140Před 2 lety
3 tips: Jr devs vs Sr devs - code like a boss!
SQL, Node, Express, and React JS 2/2 | ~How to Connect it all together
zhlédnutí 12KPřed 2 lety
SQL, Node, Express, and React JS 2/2 | ~How to Connect it all together
SQL, Node, Express, and React JS 1/2 | ~How to Connect it all together
zhlédnutí 42KPřed 3 lety
SQL, Node, Express, and React JS 1/2 | ~How to Connect it all together
Full Stack Developer Coding Challenge
zhlédnutí 8KPřed 3 lety
Full Stack Developer Coding Challenge
How to interview for a Developer position
zhlédnutí 256Před 3 lety
How to interview for a Developer position
Mid Level Developer React Coding Challenge
zhlédnutí 11KPřed 3 lety
Mid Level Developer React Coding Challenge
How to make money FAST as a developer
zhlédnutí 441Před 3 lety
How to make money FAST as a developer
What just happened?!
zhlédnutí 138Před 3 lety
What just happened?!
Senior React Interview Code Challenge
zhlédnutí 14KPřed 3 lety
Senior React Interview Code Challenge
CSS tutorial for Beginners - Images part 2
zhlédnutí 39Před 3 lety
CSS tutorial for Beginners - Images part 2
How I became a Developer as a college dropout
zhlédnutí 244Před 3 lety
How I became a Developer as a college dropout
CSS tutorial for Beginners - Images part 1
zhlédnutí 54Před 3 lety
CSS tutorial for Beginners - Images part 1
CSS tutorial for Beginners- part 2
zhlédnutí 36Před 3 lety
CSS tutorial for Beginners- part 2
CSS tutorial for Beginners - Intro to CSS
zhlédnutí 101Před 3 lety
CSS tutorial for Beginners - Intro to CSS
How to build a footer - HTML tutorial for beginners - part 6
zhlédnutí 29Před 3 lety
How to build a footer - HTML tutorial for beginners - part 6

Komentáře

  • @sullyzafar83
    @sullyzafar83 Před 2 dny

    Did not work and could not find the video before this

  • @sumanmaharana7401
    @sumanmaharana7401 Před 4 dny

    Perfect, so easy to understand

  • @kevinolds9614
    @kevinolds9614 Před měsícem

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

  • @patelhetvi6886
    @patelhetvi6886 Před 2 měsíci

    Pls give source code

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

    This guy kinda looks like Luka Doncic

  • @user-yy3gw5zm1w
    @user-yy3gw5zm1w Před 3 měsíci

    Extremely helpful thank you for explaining things so well.

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

    Really good tutorial appreciated , Constructed feedback: Please increase the font size of your text editor 😃

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

    ca you share the repo?

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

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

  • @floriankirby3144
    @floriankirby3144 Před 5 měsíci

    ... and we gonna do Pam... love the tutorial! thank you very much, it helps a lot!

  • @aynuayex
    @aynuayex Před 5 měsíci

    what i do not understand is if i host my website some where online how do i access the database i mean since the database is local?is there free platform that gives an online connection string???

  • @gooeypixel721
    @gooeypixel721 Před 5 měsíci

    Super Helpful!! I am having a connection "ETTIMEOUT" error going on similar to @spa.3239's error... will poke around server and make some changes. Thank you All!

  • @spa.3239
    @spa.3239 Před 5 měsíci

    helped me, thanks. jic someone got the same problem as me: I got an "ELOGIN" error at first, even though I was pretty sure I was inputting my User Login Name and password correctly. What fixed it for me was checking the Event Viewer for a more informative error message, then I found out that SQL Server authentication wasn't enabled for my database; after fixing this setting on SSMS I had to restart SQL Server via the SQL Server Configuration Manager then everything went smoothly from there.

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

      You should give your database server authentication permission. Step 1) right click your server name ( window10\SQLEXPRESS) step 2) select properties step 3) Select Security step 4) Under Server Authentication select SQL Server and Window Authentication Mode

    • @user-yy3gw5zm1w
      @user-yy3gw5zm1w Před 3 měsíci

      @@danielgalbraith1457 Thank you so much this solved this issue for me. Been trying to figure it out for 2 days.

  • @clementadjei4396
    @clementadjei4396 Před 6 měsíci

    Does this configuration applies to accessing the sql server database remotely ?

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

    Superb exactly what I want

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

    It would have been nice if you provided a link to the video explaining making frontend and backend

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

    great video quality

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

    I followed your instructions to connect to sql on VMware and got the error: "E:\Learning eact-sql ode_modules\tedious\lib\connection.js:2104 request.error ??= error; ^^^". Please help me. Thanks you !

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

    Just started learning backend and I found this very helpful, will create this project and put in my portfolio, you make the backend does not look too hard comparing to front end, 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 :)

  • @developingpakistan1
    @developingpakistan1 Před 9 měsíci

    helpful

  • @alexeybudnyev3639
    @alexeybudnyev3639 Před 9 měsíci

    I just wanted to ask, would this be a method of connecting Microsoft SQL to nodeJS or can this work with elephantSQL too?

  • @yaum1
    @yaum1 Před 10 měsíci

    GitHub?

  • @zetra1001
    @zetra1001 Před 11 měsíci

    Really helped me man! Exactly the things i want. 😄

  • @denizdurmus9759
    @denizdurmus9759 Před 11 měsíci

    26:34 // dbOperation.createEmployee(Pam); code error sytantx help me ?

    • @CeciliaCarbonell-pw3hn
      @CeciliaCarbonell-pw3hn Před 2 měsíci

      You probably fixed this by now, but I had the same error and I'll respond here for anyone else. I was using single quotes (') instead of backticks (`) inside of .query in dbOperations.js (pool.request().query('INSERT INTO...') vs. pool.request().query(`INSERT INTO`)). It took me a while to spot it, but everything worked once I caught that.

  • @denizdurmus9759
    @denizdurmus9759 Před 11 měsíci

    // dbOperation.createEmployee(Pam); sytanx error help

  • @Gio-m
    @Gio-m Před 11 měsíci

    Dude @Coding with Kevin , thanks for this video! For some reason, when I go to localhost:3050 , I just see the "Welcome to nginx!" screen. Please lmk if you can help me out, I'd really appreciate it. Thanks!

  • @dewaldesterhuysen712

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

  • @potatosoup815
    @potatosoup815 Před rokem

    Great example, thanks for sharing

  • @sanchijain3410
    @sanchijain3410 Před rokem

    Thanks for the video Kevin! I'm getting error while connecting to my database. Code is able to connect with sql server but fails to login my database. What could be wrong?

    • @CodingWithKevin1
      @CodingWithKevin1 Před rokem

      hey thanks so much for watching! Really appreciate you. Unfortunately like I said in the beginning of the video it's gonna be very difficult for me to troubleshoot problems. Your best course of action is to use Google and stack overflow to see if you can find others who have had a similar issue. and once you do find the answer, please share it in a comment here so other people can use your solution 🙏

    • @sanchijain3410
      @sanchijain3410 Před rokem

      Sure Kevin 😊 One more query, if possible, can you please tell which mssql version you used in this video?

  • @nizarzouaoui7543
    @nizarzouaoui7543 Před rokem

    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 😊🙏

  • @TheInfamousAlpha
    @TheInfamousAlpha Před rokem

    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

      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.

  • @FranciscoSilva-sv9hz

    Greetings from Brazil. Tks!

    • @CodingWithKevin1
      @CodingWithKevin1 Před rokem

      Hey thanks so much for watching! All the way from Brazil 🎉🙏

  • @jeanpierre4370
    @jeanpierre4370 Před rokem

    What video is he recommending? Please tag the video, I couldn't find it in the intro.

    • @CodingWithKevin1
      @CodingWithKevin1 Před rokem

      Check out the link here. Thanks so much for watching! czcams.com/video/jzBgZjOJJnY/video.html

  • @itspawanpoudel
    @itspawanpoudel Před rokem

    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 🙏

  • @richarddrawsstuff2728

    Great stuff, thanks for the tutorials.

  • @richarddrawsstuff2728

    Thanks for the tutorial Kevin. Really liking the series so far.

    • @CodingWithKevin1
      @CodingWithKevin1 Před rokem

      Hey thank you so much 🙏! I really appreciate you watching and going through it!

  • @ericsun7591
    @ericsun7591 Před rokem

    wait, at 16:41 how come it displayed the return of 'Hellooooo' while you did not call the getData('/api')

    • @CodingWithKevin1
      @CodingWithKevin1 Před rokem

      Hey thanks for watching! It's probably because I didn't refresh the page or something. Great catch tough 🙏

  • @lirakhasani7686
    @lirakhasani7686 Před rokem

    It really helped me. Thank you very much Mr.Kevin!

    • @CodingWithKevin1
      @CodingWithKevin1 Před rokem

      You're very welcome! Thank you so much for watching! 🙏

  • @johnbaldwin2904
    @johnbaldwin2904 Před rokem

    I believe it is supposed to be instanceName, as opposed to instancename

    • @CodingWithKevin1
      @CodingWithKevin1 Před rokem

      Hey thanks for catching that 🙏 I appreciate you watching!

  • @harshitpandey896
    @harshitpandey896 Před rokem

    Is there any website with basic to advance react challenges to boost my react problem solving skills ?

    • @CodingWithKevin1
      @CodingWithKevin1 Před rokem

      I would recommend freecodecamp.Org, check out more videos on my channel, and build your own projects. One of the best ways to learn is to try to build something yourself and get stuck and figure it out.

  • @abdulsami593
    @abdulsami593 Před rokem

    I AM GETTING AN ERROR which is Could not proxy request /api from localhost:3000 to localhost:5000/. what should i do

  • @adila4658
    @adila4658 Před rokem

    Great video, how would I use this in production on an IIS server? Would I replace nodemon with node start server.js? Silly question but when I remove nodemon and use npm start server.js no components like home or etc are being served?

    • @CodingWithKevin1
      @CodingWithKevin1 Před rokem

      thanks for watching! I believe the command is node server.js Let me know if that works! I'm sure others could benefit from that as well.

  • @akeymthedream
    @akeymthedream Před rokem

    Awesome video with clear explanation.

  • @crappycoders
    @crappycoders Před rokem

    Thanks kevin really helped me thanks

  • @dev_ression
    @dev_ression Před rokem

    you've earned yourself a subscriber man :)

  • @ryan2345
    @ryan2345 Před rokem

    this is often of the first BIS projects in university but you explain it better in less than 10 minutes. love the while loop suggestion! as always thanks for another great video!

    • @CodingWithKevin1
      @CodingWithKevin1 Před rokem

      Hey Ryan, that means a lot! I appreciate you checking it out 🙏 it was a fun one to make.

    • @CodingWithKevin1
      @CodingWithKevin1 Před rokem

      Also, if you don't mind, can you give the video a like? It helps a lot!

  • @Helloo32
    @Helloo32 Před rokem

    Thank you for making this simple and easy to understand, been awhile since I used react and it really helped me get back into the swing of things!

    • @CodingWithKevin1
      @CodingWithKevin1 Před rokem

      Awesome man, thank you so much for saying that! I do my best to keep it easy to understand 🙏

  • @mustafa.celiktas
    @mustafa.celiktas Před rokem

    thank you soooooo much ❤

  • @mustafa.celiktas
    @mustafa.celiktas Před rokem

    I literally can not thank you enough ❤