What is Express middleware and how does it work? (in-depth)

Поділитися
Вставка
  • Опубліковано 25 лип 2024
  • For resources and other information about this video, check out the corresponding post link below at Full Stack Foundations:
    - Video Link: www.fullstackfoundations.com/...
    -------------------------------------------------------------------------------------
    Connect with me:
    - Twitter: www.x.com/zg_dev
    - Full Stack Foundations: www.fullstackfoundations.com
    -------------------------------------------------------------------------------------
    Timestamps:
    0:00 Intro
    2:53 The standard Express callback function
    5:51 Writing your first Express middleware
    10:00 Route middleware vs. global middleware
    15:34 Working with several middlewares in a single app
    17:59 Error handler middleware
    24:56 Modifying the req and res objects using middleware
  • Наука та технологія

КОМЕНТАРІ • 182

  • @mykalimba
    @mykalimba 4 роки тому +24

    Note to everyone watching: if you ever see your browser spin-waiting as seen in some points in this video, that's usually an indication that the app isn't completing a path through your middleware or route handlers. Sometimes it's a missing call to next(), like shown here. Sometimes there's a code path through a route handler that doesn't call a res.end(), res.json(), or res.whatever().

    • @Dev-tf2bx
      @Dev-tf2bx Місяць тому

      yeah .. learned that hard way ! (took me a week to figure out )

  • @MichaelMooregrownman
    @MichaelMooregrownman 4 роки тому +48

    Great video! You may be one of the few that totally explains Express middleware. Also I agree that understanding middleware will help make you a better Express Developer. I feel like a better Express Dev already

    • @timovful
      @timovful 4 роки тому +1

      sure , because express itself build on 2 concepts first is middleware function second is callback functions . if you comfortable with these concepts so you good to go

  • @slow_start
    @slow_start 4 роки тому +17

    Zach! Brotha! You have single-handedly demystified everything surrounding Express and Passport for me. Something literally every major js tutorial youtuber has failed to do. So glad I found you man, thanks again. Subbed.

  • @josuerbague6851
    @josuerbague6851 Рік тому +3

    One of the few tutorial makers who create understandable ones. You deserve more views.

  • @atee3938
    @atee3938 2 роки тому

    I have been trying to understand middleware concept ,watched several tutorial ,this explains everything perfectly and all my doubt cleared.its the best explanation on UA-cam after watching all explanation on middleware

  • @hyakoissei466
    @hyakoissei466 2 роки тому

    This is the best resource for understanding Express middleware on the whole internet

  • @sadhucat4476
    @sadhucat4476 4 роки тому +15

    Such understandable explanations. I love that he fully explains how and why things work.

  • @armaandhanji2112
    @armaandhanji2112 4 роки тому +7

    Really appreciate the longer videos like these that really dig into the details. Thanks again so much! Subscribed.

  • @rizgamingvids
    @rizgamingvids 4 роки тому +6

    Thank you very much for helping to understand the middlewares in express. I have been confusing in understanding the middlewares since last a couple of months and today you helped me to understand this concept very well. Thank you again.

  • @hiteshkayastha2490
    @hiteshkayastha2490 3 роки тому

    Bro! I am very thankful for this video, not just because such a video is available because of you, but also the time you took to explain everything seamlessly.

  • @justadev____7232
    @justadev____7232 3 роки тому +2

    After reading/watching from multiple sources, finally someone who teaches this concept in a way that I get it!!!! Thanks Zach!!! Your teaching abilities are amazing!!! Props!!!!

  • @jjkelsey1180
    @jjkelsey1180 3 роки тому +3

    I've watched several videos explaining express.js...and this video is the most clear and informative one for me. Thank you so much :D

  • @CoryTheSimmons
    @CoryTheSimmons 4 роки тому +2

    This is a great series Zach. Thank you so much for the effort! It's really high quality and useful. =)

  • @thankyouthankyou1172
    @thankyouthankyou1172 Рік тому +1

    I like your teaching very much! it is clear, calm. thank you so much, I've learnt a lot from you

  • @lukemuga434
    @lukemuga434 3 роки тому

    Wow!!! Now this is an in-depth guide to express middleware.

  • @helmialfathseptiana6383
    @helmialfathseptiana6383 4 роки тому

    I wish u always keep sharing stuff like this, so fundamental, the series is gold ! thx

  • @manishmadan5543
    @manishmadan5543 Рік тому

    waiting for such detailed explanation from a long time, my quest is finally over !

  • @TakshvysDad
    @TakshvysDad 3 роки тому

    So much detailed explanation . Blessed to come across your tutorial. Great job. Please keep posting like this. You are going to take over the express tutorial.

  • @JohnCamden
    @JohnCamden 4 роки тому +1

    Very helpful. This whole series is great.

  • @kurtisivey7672
    @kurtisivey7672 Рік тому

    This video is gold. Definitely came away knowing so much more about middleware. Thanks for explaining it so well.

  • @diegor5805
    @diegor5805 4 роки тому +1

    I really needed this video. It clears up so many questions!

  • @sidarjunful
    @sidarjunful 4 роки тому +1

    Wow excellent explanation of the topic. I have been scratching my head since last week. searching all over the internet to find a simple explanation of node. express and server, but explanations over the internet are filled with jargons that only experienced developers can understand. Keep sharing such type of excellent content, it means a lot for people like me. Liked and Subscribed.

  • @libertad83y
    @libertad83y 4 роки тому +2

    Amazing! It should be the first thing to understand and master, congrats Zach!

  • @johnnyboghean2242
    @johnnyboghean2242 2 роки тому

    Really great video! I have been using middleware already but after just simply watching this video I feel like I truly have an understanding of how they work.

  • @TakshvysDad
    @TakshvysDad 3 роки тому

    So much detailed explaining . Blessed to come across your tutorial. Great job. Please keep posting like this.

  • @NimTaoWingChun
    @NimTaoWingChun 2 роки тому

    Absolutely brilliant. You are a great teacher, very clear and easy to understand. Keep it up.

  • @mounirelbertouli9990
    @mounirelbertouli9990 3 роки тому

    Yeeaaah finally i get a great explanation about Express middleware , no boring ! Thanks a lot Mr.Zach

  • @haciendadad
    @haciendadad 2 роки тому

    WOW, Thank you Zach! I love seeing the new group of instructors, they are really good! I am a new subscriber now, I hope more people discover your channel! The only feedback I have, is I think your volume should be a little higher. I heard it fine, but I had to put up the volume to its highest level on the video itself and my laptop and it was perfect, but I was in a quiet room, other than that it was great. I am going to checkout the Passport videos next!

  • @ukasz6770
    @ukasz6770 3 роки тому +1

    Wow! never thought I could understand this in one video. Definitely subscribing!

  • @thinksmartstudios
    @thinksmartstudios Рік тому

    it was an wonderful explanation. I've been struggling all day today to understand this, you made it so simple. I could finally connect al lthe dots.Thankyou so much

  • @josphatoluoch5205
    @josphatoluoch5205 4 роки тому +1

    I am at 12:17 but already liking it. Thank a lot Zach for the good explanations.

  • @Moch117
    @Moch117 Рік тому

    Bro I've watched so many videos on Express middleware and NONE of them covers the concepts like you do. They are all just spitting out code without explaining WHY things work the way they do. I found the error handling and next() explanations extremely helpful.
    Thank you!

    • @zachgoll
      @zachgoll  Рік тому

      Nice, that’s definitely the goal of this channel. I want to show 1) why something works and 2) how I figured it out. Glad to hear you’re getting that out of it!!

  • @flowerofash4439
    @flowerofash4439 2 роки тому

    this tutorial is sooo goood
    detailed, easy to understand
    and generous

  • @yitzchaksviridyuk932
    @yitzchaksviridyuk932 3 роки тому +2

    Thank you very much for the time and effort you invest into making these videos. They are high quality, and you're the first developer on UA-cam I've actually seen explain these things. Thanks again.

    • @zachgoll
      @zachgoll  3 роки тому +1

      You're very welcome!

  • @mohammedfalih8713
    @mohammedfalih8713 3 роки тому

    man you are a phenomenal
    after tons of videos I've watched
    you explain the topic in 30 minutes and add on them the whole express framework
    keep up your great work. wish to you all the best ❤🤟

  • @huckbit
    @huckbit 4 роки тому +1

    Magic! Thank you very much for this video Zach !!! Your channel is awesome. Thank you for all your videos.

  • @nithishkumars1657
    @nithishkumars1657 3 роки тому

    I dont know how u cleared my doubts that i have been confusing my myself with......but yaah...ur magic worked....hatsoff mann.....love from India ❤️

  • @JFarmsNG
    @JFarmsNG 2 роки тому

    This is perfect!
    I subscribed immediately after the first 5 minutes of this video. He explained everything in detail.
    Thanks for this great video.

  • @ytdevs
    @ytdevs 2 роки тому

    Yup, I'm in love lol thanks for series, it's a masterpiece. Appreciate you man

  • @kalaiselvan7352
    @kalaiselvan7352 3 роки тому

    Simple as that. loved the explanation and going to watch remaining parts instead of a course which I actually bought. Thanks man.

  • @amanaggarwal5884
    @amanaggarwal5884 2 роки тому

    The explanations are very very good and to the point. Loved it

  • @stephane777777
    @stephane777777 Рік тому

    Really good. This is what I was looking for. many thanks Zach

  • @divaynagar1929
    @divaynagar1929 2 роки тому

    Very concise and to the point video !!! Great one ...

  • @aghahasaan
    @aghahasaan 3 роки тому

    Thank you so much, I was so confused until today that I switched to long polling for my chat app just cause I didn't really get the real flowcharts although my socket io application is working just fine.. this is the best tutorial on this topic and explains everything that is required, others use too many middlewares or middlewares along with templating engines and other cool technologies..

  • @jamilkabir3168
    @jamilkabir3168 4 роки тому

    You’re so good at explaining! Please keep making videos. Thanks!

  • @user-hs6tg6zy4e
    @user-hs6tg6zy4e 4 місяці тому

    The error handling part was amazing. Thanksss

  • @hercules3484
    @hercules3484 4 роки тому +1

    Very much needed video. Thank you very much.

  • @arkhamian7586
    @arkhamian7586 2 роки тому

    One of the best explanations out there. Thank you for doing this!

  • @forexhoss9381
    @forexhoss9381 Рік тому

    Damn thank you so much man. I just recently started learning about the backend of things, specifically I just started with Express.js and man, this definitely is a bit more difficult than I anticipated. The middleware concept had me initially so confused. But I just finished this entire video and saw your UA-cam Header Image, I definitely must say, after watching this video, this hard concept has FINALLY clicked 😄 Thank you so much man! Overall I think you delivered this extremely well. The general pace and simple examples with thorough explanations really add value.

  • @donaldjr.labajo5687
    @donaldjr.labajo5687 3 роки тому

    This sir, is by far the best explanation I have ever seen since I started learning programming. Thank you x3000!

  • @johnyanastacio1107
    @johnyanastacio1107 4 роки тому +1

    Thank you brother, this series is helping me so much...

  • @evilservo
    @evilservo 4 роки тому

    Awesome job, finally someone taught me the REAL basic to build my castle of express upon, THANKS A LOT, no mattter how much I thank you it will never be enough

  • @imarpit007
    @imarpit007 4 роки тому +1

    Very nice tutorial. A lot of things to learn and this video will definitely help you.

  • @9gager87
    @9gager87 4 роки тому +1

    Great video, thank you so much! Keep making these videos!

  • @sreeni3037
    @sreeni3037 2 роки тому

    Simply Superb Zach. Very clear explanation. Just Subscribed.

  • @farlight6044
    @farlight6044 3 роки тому +1

    Great video
    It's very clear and informative
    Thanks!

  • @nanda_8
    @nanda_8 3 роки тому

    Loved this!!!
    Underrated video for sure

  • @michelbouchet3605
    @michelbouchet3605 4 роки тому +1

    That's a very nice tutorial. Thank you!

  • @boopfer387
    @boopfer387 Рік тому

    excellent one of the best if not the best! Thank you Zach!

  • @Hayden-ws7ru
    @Hayden-ws7ru Рік тому

    Before this series I was dumb enough to not know, what I didn't know. Absolute legendary explanations, thank you very much!

  • @darkapopovich6331
    @darkapopovich6331 3 роки тому

    This is super clear and useful, thank you!

  • @antonyrichard369
    @antonyrichard369 3 роки тому

    Superb .. I know what is middleware earlier .. they are good as well .. but yours is deep .. loved it

  • @joeygarcia7826
    @joeygarcia7826 2 роки тому

    Great job! The one thing that I still haven't seen demonstrated in any of these Express middleware videos is content negotiation, something that can return an error too, such as a 406 or a 415.

  • @tayyabferozi
    @tayyabferozi Рік тому

    The guy just gives concepts, rather than giving "how to do this" or "how to do that" tutorials.... Love from Pakistan

  • @takshpatel8109
    @takshpatel8109 2 роки тому

    Best Video on Middleware. Thank you so much for this video

  • @chidibede2417
    @chidibede2417 4 роки тому

    Wowww, I have been working with middlewares without actually understanding it in such details...THANK YOU!!!!!!!!!! My Computer Professor I never had

  • @atharvsankpal
    @atharvsankpal 12 днів тому

    Great, you provided timeless knowledge!!!

  • @pratikdas9138
    @pratikdas9138 2 роки тому

    you are best ,,, you have explained all basic in one video thanks

  • @amancode7013
    @amancode7013 3 роки тому

    you got a talent for explaining, keep it up brodie

  • @deepaktdk3637
    @deepaktdk3637 9 місяців тому

    Great explanation.Much needed.

  • @sayonarasun1577
    @sayonarasun1577 4 роки тому +1

    great explanation. thanks a lot mate!

  • @ahmadza1836
    @ahmadza1836 4 роки тому +2

    A very brain friendly explanation, keep up the good work

  • @junaidrehman429
    @junaidrehman429 2 роки тому

    Great Video. I would be thrilled if you come up with a video of CRUD using MERN and clean architecture.

  • @kchemutai3483
    @kchemutai3483 Рік тому

    Thanks so much for this awesome explanation Zach. This helped me alot

  • @sediqkhan8353
    @sediqkhan8353 4 роки тому +1

    Awesome explainition. Thank you

  • @Dlntck
    @Dlntck 3 роки тому

    Wow, I've learned so much thanks to this video ! Thank you

  • @jacksonjk12345
    @jacksonjk12345 Рік тому

    Excellent explanation. Very helpful❤

  • @kaan1780
    @kaan1780 3 роки тому

    Fantastic explanation! Now I have a much better understanding when it comes to what happens when I app.use() libraries like bodyParser, Helmet, Cors and so on...

  • @yousufkhan2909
    @yousufkhan2909 3 роки тому

    This is the best video I ever watched. despite watching so many videos I lost my head on learning middleware but you have cleared all my doubts. I am your permanent sub now.

    • @zachgoll
      @zachgoll  3 роки тому

      Glad it was the video that clicked :)

  • @monkeystylle
    @monkeystylle 3 роки тому

    thank you, this makes me understand express a lot better..

  • @kimjiyoung8655
    @kimjiyoung8655 2 роки тому

    Zach! Super thanx from Denmark, it helps so much!! ;

  • @ecofriend93
    @ecofriend93 4 роки тому +1

    This is great! Thanks a bunch!

  • @osyopans
    @osyopans 4 роки тому +1

    Thanks a lot! That is very helpful.

  • @rajashekhar433
    @rajashekhar433 4 роки тому +1

    Thanks for the video 😊

  • @miraclesdohappen2352
    @miraclesdohappen2352 3 роки тому

    Myself using Node JS and Express pretty extensively but your video given a great insight specially on express middlewares, for sure this will help me to optimize my code..great work dude cheers and gud luck with your future videos once again great stuff:-)

  • @bunnybloods768
    @bunnybloods768 4 роки тому

    This is the only video in youtube that you can easily understand what is middleware is

  • @subhashgn1775
    @subhashgn1775 2 роки тому

    Very well explained...
    Thank you and very grateful for this wonderfull resource.

  • @AbdulWahab-ev2ct
    @AbdulWahab-ev2ct 3 роки тому

    Awesome playlist 😎

  • @kavin-nivak
    @kavin-nivak Рік тому

    Thank you for making this bro❣️❣️

  • @veronisha7863
    @veronisha7863 3 роки тому

    very well explained!!

  • @motonanga12
    @motonanga12 4 роки тому +1

    awesome video..... very helpful!

  • @henrivanhuynegem9647
    @henrivanhuynegem9647 Рік тому

    Amazing video!!

  • @AgustinAstronomy
    @AgustinAstronomy 2 роки тому

    thanks for this video! i learned so much

  • @omgmaw
    @omgmaw 2 роки тому

    Great explanation!

  • @Lysiak.Yevhenii
    @Lysiak.Yevhenii Рік тому

    Awesome video ! Thanks ! I believe good to have schema (picture) of order of the execution for that but I didn't find any yet.

  • @usmanfatal4030
    @usmanfatal4030 Рік тому

    Love you for this man ❤❤

  • @broom7294
    @broom7294 Рік тому

    this is actually soooo helpful frfr

  • @guitarrazas
    @guitarrazas 2 роки тому

    Great video!!

  • @esracigdem2714
    @esracigdem2714 4 роки тому

    Nice explanation. Subscribed.

  • @christofstanits
    @christofstanits 4 роки тому +1

    excellent!
    subscribed!