React Redux Tutorials - 11 - Middleware

📱 Follow Codevolution

Middleware in Redux

[sumayaNoman]

I can't thank you enough !!
I have been really struggling to understand redux and you made it easy to understand, Thank you soooo much!!!

[abelbeyene]

this really is the best redux course on youtube . Thanks

[rithufake]

Action is dispatched.
Action passes through middleware chain(for this example its logger).
Logger initial state logged
Logger action name logged
Action is sent to root-reducer.
root-reducer will send action to each and every subscribed reducer.
Each reducer returns an updated state.
Redux combines the updated states from all reducers to form the final next state.
Logger middleware prints the final next state.

this type of explaination is missing in every educator, i mean every educator like the subject matter experts who teaches in high paid courses.
simplify the concept to general english and make sure the sequence of steps are crystal clear

[TabeMan]

This is how you would do it in 2024 if you are using node:

const { createLogger } = require("redux-logger");

const logger = createLogger();
const store = configureStore({
reducer: rootReducer,
middleware: (getDefaultMiddleware) => getDefaultMiddleware().concat(logger),
});

[aravindsanjeev]

For those not working, try this:

const { createLogger } = require("redux-logger");

const logger = new createLogger();

const applyMiddleware = redux.applyMiddleware;

const store = createStore(rootReducer, applyMiddleware(logger));

[mayasur_nraj]

It should have included the point “what is a middleware” and “ways to create custom one”, then we can talk about utilising other people’s library

[rabinmrongo]

Thank you. You saved my day. Code bless you

[hkdelhivlogs]

Hi sir, your videos are pretty good, please make video series on react-redux with redux saga.

[abapadxanepal]

I appreciate the way you explain each of the things

[DenisSsendisa]

Is Middleware really a must in my react web app?

[Pareshbpatel]

Redux, beautifully explained. Thanks, Vishwas

{2022-09-27}

[rajeshsangapogu]

learnt alot from thank you and do more videos bro

[dastngoldenboy]

keep it up man! your technic is good which based on React Redux docs

[am]

I got the error below: (Any reason why?)


return enhancer(createStore)(reducer, preloadedState);
^

TypeError: enhancer(...) is not a function

[marcinkalmar]

Most often problem in code are small mistake in script ;P

[isthatsahil]

Hello Guys
I am facing one issue with implementing middleware
```return middleware(middlewareAPI);
^

TypeError: middleware is not a function```


I am getting this error. Anyone any idea ? I am using babel to compile and have used import like this ::
import logger from 'redux-logger';

[musiclovers]

awesome man.. really appreciable work.

[IntotheWildscape]

awesome! simple explanation to middleware

[kirankumarahir]

Are you going to make video on how to create a custom middleware aslo?

[shubhendukumar]

Learn a lot from this video ThankYou sir❤