Redux Middleware Example Tutorial | React Redux Series Part 6

Показать описание

What is Redux middleware? Simple Example to explain the concept.

Keywords : Redux for beginners, Redux Simplified, Redux Fundamentals, react with redux, redux thunk , redux saga, redux middlewere

*Code for the project

Full React JS tutorial Series Playlist

Help the channel via patron and buying merchandise

Follow me for technology updates

Help me translate this video.

Рекомендации по теме

Комментарии

more React folks need to know about this channel!!!

rob_dyy

Absolutely amazing tutorial. Clear and concise. Next tutorial will be your Redux Saga one. Thank you very much.

paucolome

What an amazing videos you paid on one of the site, but listening your videos... and stocked here.... Simple explanation on powerful topics....

nanipoluru

Amazing tutorial! Great help to understand middleware. Thanks a lot!

leannec

I am so glad I found your channel. IT IS SO HELPFUL!!!

kateasusual

Best stuff in the world is free, this is one of them. Thanks, techshit (Y)

youmevinod

Other tutorials: How to do it...Techsith : How to do it + why you doing it ?

gopip

Very good, friend. But I watched 3-5 tutorials about redux middleware, but nowhere is said that the "next" param of function is really "dispatch" method of the store, and the "action" param is the same dispatched action.

hmarat

hi I am new to react so forgive if i asked something stupid here. In logAction(), from where do you got 'next' . Is it inbuilt ?

vinod_chauhan

please share some more topics about an React - Redux

prabakaranm

i didnt understand the logAction part clearly, can you please explain it in detail

rehaan

so next(action) evaluates to the action object {type:... payload:....}. What is sitting in the variable action? If we were to console.log(action), what would that evaluate to? and when we call next(action) - is it then just going back to line 11?

DarkSideChess

i hope you can guide how to call api and manage side effect with redux-saga

letoan

Sir which extension you have added specially this arrow, it looks very decent .

jenasusil

Can you please elaborate on the below? Why do we need to return next, action, next (action). Could not understand. Is the next() recursive here?

const logAction = store => {
return next => {
return action => {
const result = next(action);
console.log(
`caught in the middleware
);
return result;
};
};
};

GaneshKumar-fvcg

Hi, Which visual code plugins you are using?

MasPensador

You can use this plugin redux-devtools-extension and fire in tis way:

const composeEnhancers = process.env.NODE_ENV === 'development' ? : null || compose;
const store = createStore(reducer, composeEnhancers(applyMiddleware(logAction, thunk)));

grzegorzt

Your videos are awesome, But inside logAction() function you used two return statement. Can you explain what those two are doing.?
Also whats the difference between { () => this.someFunction() }
and
{this.someFunction}

ankitbaid

Can anyone explain me how the return statement works between the line no 10 to 18
I am from java background

Dark

With all due respect, your logo is a little bit scary with your background music. I mean, the logo itself is scary enough, and with the BGM, the combination of the two is even scarier.

youshinechannel

Redux Middleware Example Tutorial | React Redux Series Part 6

Redux Middleware Example Tutorial | React Redux Series Part 6

React Redux Tutorials - 13 - Redux Thunk Middleware

04 Redux Middleware Example Tutorial

ReactJS / Redux Tutorial - #6 Redux Middleware

Middleware in Redux | The Complete Redux Course | Ep.15

Redux Middleware Tutorial - Redux Tutorial #5

React Redux Tutorials - 11 - Middleware

React Redux Tutorial - Middleware - 15

Zustand TS Series EXPERT Shares MIND-BLOWING Techniques for 2024

FLUTTER Redux Thunk (Middleware) example

#5 Redux Logger | MiddleWare | Redux Tutorial for Beginners

2. Redux Middleware: Handling Asynchronous Actions - with Simplest Example

Redux Middleware Basics | React Native | WTF is Redux

Learn React Redux Thunk with Project | Redux Thunk Middleware | Axios Async Actions | Redux Tutorial

React Redux Tutorial - Middleware

React Redux Thunk Middleware Tutorial | News App Project using Redux Thunk

Mastering Redux: Middleware | packtpub.com

#18 Redux Middleware Telugu Tutorials

What is Middleware?

Understanding Redux Concept with redux middleware | Hindi

Redux Toolkit Tutorial - 16 - Redux Thunk Middleware

Redux Middleware/Async/Thunk: The complete Guide

React Redux Tutorials - 23 - Logger Middleware

Redux | #63 - What is Middleware [By Mosh Hamedani]