React Redux Saga Crash Course - Make HTTP Requests & Middleware

Make HTTP requests asynchronously with Redux Saga in React. Redux Saga acts as middleware and can be achieved by leveraging an ES6 feature called Generators.
Hostinger Anniversary Deal ➜ bit.ly/3z6Ahvq
⭐ Get a Free .COM domain with Premium Plan for 12+ months. Free SSL and Cloudflare included
🔔 SUBSCRIBE: bit.ly/Subscribe-Hong-Ly & turn on the notification bell to get more videos like this.
💻 Source code: github.com/lyhd/react-redux-saga
Related crash courses:
React Redux: • React Redux Crash Cour...
React: • React Crash Course 2021
Async/Await: • Async Crash Course 202...
ℹ️ Websites used in this video:
redux-saga.js.org/
🌐 Website: honglytech.com
GitHub: github.com/lyhd
My course: honglytech.com/course
🌎 Find me on:
Facebook: / honglytech
Instagram: / hongly_tech
Twitter: / honglytech
Discord: / discord
🕒 Timestamps:
00:00 Intro
00:39 Diagram
01:53 Simple example
05:28 Refresh our memory
08:24 action
09:09 reducer
13:37 request function
17:20 sagas
24:50 Middleware
28:59 Display users
37:44 Recap
42:00 takeLatest vs. takeEvery
43:38 Outro
#saga #reactredux #react

[@serial.thrillers.productions]

Great course! Clear explanations and excellent attention to detail

[@kbcaSanthoshkumarA]

Hey , That is realy awsome and clear exploration .I am looking for your more videos .Thank you!

[@rohitjoglekar6821]

Great video, very useful to get started with redux-saga, Thank you!

[@jeroenkolk8661]

Great course! Compliments!

[@honglytech]

Thank you!

[@surbhitsinha9657]

Best Video on Redux Saga , till date thanks man. and thanks youtube. lob u

[@alaaalaff-6252]

Very Helpful course, thanks pro

[@Pupu._]

thanks for the awesome video!

[@piyushgirdhar7349]

Great work, mate!

[@honglytech]

Thanks!

[@alaaalaff-6252]

Is it necessary to use saga with sync states? or we just use saga with async ?

[@marian_tsx]

Nice saga tutorial! subscribed!
I was used to Thunk more than this. Btw at 34:35, remember to avoid using index as keys.

[@wendylee5498]

I am new to redux, and redux sagas and this tutorial is probably the best one among all videos I watched on youtube. May I ask a question, at 12:23, where does this action.users and action.message come from? Thank you!

[@honglytech]

Thanks Wendy. They are from sagas/handlers/fetchUsers.js

[@janethbetancourt141]

I keep getting a TypeError: Cannot read properties of undefined ( reading 'apply'). It seems to not like something about line 51 where we apply middleware to the store. Is anyone else having this issue? I thought I had missed something in my project but I'm even getting this error with a copy of the source project.

[@AnotTech]

great course

[@hukasean8832]

Sorry I am new to programming, what is the use for generator function?

[@honglytech]

Generator functions yield objects to the saga middleware. Basically, they pause our functions and wait for a process to finish.

[@samnang_tech]

good bro

[@DeepakGupta-hj2dv]

please make on video Node JS with microservices crash course?

[@honglytech]

Great suggestion! Added to my backlog

[@DeepakGupta-hj2dv]

@@honglytech please as soon as possible this topic video

[@NamLe-sl4qy]

wow giỏi thế bro

[@DeepakGupta-hj2dv]

please make on video redux thunk api call

[@honglytech]

Sure, that’s already in the list. Thanks for your suggestion

[@DeepakGupta-hj2dv]

please make on video redux toolkit tutorial

[@honglytech]

Another great suggestion. Thanks!

[@DeepakGupta-pz4fx]

Please make on more video redux tutorial

[@honglytech]

That's for sure!

[@JunaidJunnuG]

level use full course.

[@deepakranjan4803]

Hello

[@deepakranjan4803]

Hello2