Redux Combine Multiple Reducers Tutorial | React Redux Series Part 5

[@Maniruzzaman]

You're just a Life Saver for many React developers who were really feared the redux .. Love u man..

[@yekaterinabindyuk9035]

whenever I want to learn something new for my work, I check out Techsith's videos and I never get disappointed. They're always clear and to the point. Thanks a lot for your work!

[@Techsithtube]

I am glad that you learnt something . Keep on learning Yekaterina,

[@reactnativefromstart3888]

You are really great. Captivated method of teaching redux wonderful you are great sir Thanks alot.

[@Techsithtube]

Thanks for watching!

[@jdsingh3607]

Crystal clear explanation , loved it ❤.

[@aaaaaaa596]

REDUX in a very simplified and easy to grasp form...hats off to you sir

[@Techsithtube]

I am glad that you understood . thanks for watching!

[@phonographiq]

Just wanted to chime in here: mapStoreToProps and mapStateToProps are the same thing! The name of the function is foo bar banana, that is, it is irrelevant. (Wonderful video as always, thx m8!)

[@infotainment7123]

this was useful thanks..

[@yashwantkumar2592]

Easiest explanation ever.

[@rehaan9351]

Thank you man, i had started a course from zero to mastery on udemy but couldnt understand redux part, you made it very simple, thankyou. Just always try to explain every small thing cuz you never know who is watching your vidoes, it could be a beginner or an expert as well. I appreciate your efforts. Once again thank you....Lots of love from Kashmir

[@kirankumar-zf9yd]

Good session (y) and can you come up with handling API data using redux

[@netuse4956]

excellent topic sir, these concepts cover Props UNDEFINED error easily, thanks sir for wonderful example,explanation :)

[@Techsithtube]

You are most welcome

[@caseyvandyke7051]

"and if you do it again it makes it s...". I always get a laugh at your edits. Thanks for the helpful tutorial!

[@creativemyvillageatoz8043]

Thanks for making the concepts easy for beginners..

[@veeramanit6947]

Great! you are the best!! Please create new video for a complete project with implementing what we have learnt so far. it will help us to understand and correlate the things very much better.

[@rupjuly1985]

Everything is simple with techsith

[@rupjuly1985]

Hi TechSith, I have created a same application but I am facing some issue. In starting a and b both initialized with 1. first i have udpate a then a become 2 when i update b it become 2 it should become 3. every time when i updating it get previous value of payload.

[@prashantmestry8199]

Your teaching method is really so awesome. I have been watching your videos last so many days. Thank you so much sir...

[@akhileshpips]

congrats for 100K

[@gabovanlugo]

Thanks a lot for putting a lot of effort on creating these tutorial. Looking forward for anything related to redux-saga. 👍

[@semlimi200]

Another awesome video making the complex simple and understandable for us! :) Just one suggestion, towards the end all the same naming conventions with a and b, I wasn't sure which was coming from where. Changing foo bar type names as much as possible would help beginners drive home the points. I changed the 'a' , 'b' naming conventions towards the end and played around with it and really enjoyed this video. Thank you so much for everything you do!

[@fdc_8507]

techsith coming with the best always :)

[@joshk2181]

Great tut as always but inline block is an abomination if you ever need 2 elements side by side hit up your new best friend display flex. If I see any float lefting I am liable to go postal

[@anuragparihar37]

Explained very well

[@pedromoncada9371]

Really awesome, greets from Colombia

[@passby8070]

awesome Tut! big thumbs up!

[@Flatnens]

I love you. You're a life saver.

[@abhayagarwal5097]

Ty again for this great tutorial✌️

[@Techsithtube]

My pleasure!

[@harendrakumardas62]

you are great man Thank You So much for this Wonderful content , once again thank you So much.😃😃

[@jebanenigers]

very good lesson and short video :)

[@veronicasoloduha3009]

as always is great!

[@AnimeshSinghweb]

good work

[@NikhilMahirrao]

Please make a video on lazy load of reducer, actions, sagas

[@aqibsaeed3229]

After having reducerA and reducerB.. we will no longer need reducer.js file. Right ? If yes, then i think you forgot to mention it in video.

[@vijayan5041]

Could you please make a video where you can explain what react reconciliation process is exactly?

[@cristianpaolocoradocordero6850]

great man thanks

[@jjeon9850]

Thanks mate!

[@Ukbagpack]

Thanks for the session can you please explain that you have used mapStateToProps in previous vedio and in this you have used mapStoreToProps is there any diff

[@Techsithtube]

actually, the name doesnt matter. However , it should be mapStateToProps so that someone looking at it can clearly see the State is mapped to props. But you can give whatever name the redux will take it.

[@trymysolution9831]

techsith i have a doubt, can we use window scope instead of using redux for maintaining global state. if ok, then what is an additional job of redux

[@joshk2181]

trymysolution window variables are available to the client in a dangerous way. You might like MobX state tree which is better than redux with many of the benefits

[@trymysolution9831]

@@joshk2181 can I know the dangerous??

[@mymymyblade]

When you pass the value to reducer, you can simply use `a` instead `a:a` , am I right?

[@prabhjotsinghahluwalia1224]

Why is " import reducerA from './store/reducerA' " correct ? In reducerA file , we have written only const reducer=(initialstate,action).....

[@Techsithtube]

If its a default export you can call it whatever you want when you import it.

[@prabhjotsinghahluwalia1224]

@@Techsithtube Thanks sir!

[@aestebanclchannel89]

Hello you video is awesome! I just have one question . I have two reducer and I need to share the initialState between both. However both reducers at the same time have separately initialState Something like this: Shared initialState : const initialState = { products: [], }; Reducer1 const initialState = { cart: [], currentItem: null, }; Reducer2 const initialState = { loading: false, results: [], value: "", }; How can I make the Reducer share initialState but use their own initialState at same time?

[@Techsithtube]

Here is a good example of shared and individual reducer. // reducers.js export default theDefaultReducer = (state = 0, action) => state export const firstNamedReducer = (state = 1, action) => state export const secondNamedReducer = (state = 2, action) => state // rootReducer.js import { combineReducers, createStore } from 'redux' import theDefaultReducer, { firstNamedReducer, secondNamedReducer } from './reducers' // Use ES6 object literal shorthand syntax to define the object shape const rootReducer = combineReducers({ theDefaultReducer, firstNamedReducer, secondNamedReducer }) const store = createStore(rootReducer) console.log(store.getState()) // {theDefaultReducer : 0, firstNamedReducer : 1, secondNamedReducer : 2}

[@aestebanclchannel89]

@@Techsithtube Great exactly what I need . Thanks!

[@sakcee]

Can you please upload more react-redux-saga small projects? just so people can practice it

[@Techsithtube]

Sure I can split the playlist into two separate lists.

[@sakcee]

@@Techsithtube Cool Thanks, great series!!! Thanks for making it. Keep up the good work!

[@sanketburde2025]

Best explained....

[@christmasvillage3652]

u are god.

[@GauravGoyal1911]

@techsmith: How can I transfer data from One Component's Reducer to other components reducer ?

[@NeoCoding]

it's cool as always, but I wouldn't zoom in the screen it's uncomfortable I feel

[@ГеоргийРукомин]

Thank you.

[@SudhanshuRamTripathi]

Thanks a lot it helps. but i have question in different situation would you mind answering it => In my case, i don't want key for each reducer, only one key of store should be updated by multiple reducer, store: { count: 0}, i want to create two reducer, increment and decrement and want to update the same key and display as well. is it possible?? Thanks a lot :)

[@Techsithtube]

you should not do that, but i think you could be able to do it . inside the reducer update that value two places before returning it.

[@SudhanshuRamTripathi]

@@Techsithtube yes.. thanks for your valuable response

[@mansurhaider9163]

super

[@sridharbelide]

Awesome

[@Bharat3073]

Nice React Redux Series, but content quality is poor this time, it's not justifying Techsith brand. Hope Techsith will come-up with new React Redux Series and will not include old videos. Techsith has its own identity due to its great content and simplicity. wish you all the best.

[@alexmotorniy]

why the zoom sooooo big?

[@Techsithtube]

Lots of people who watch on cell phones complained so I zoom for them. Is it annoying?

[@allthenew5227]

@@Techsithtube No no, Keep it up.