React, Redux & Firebase App Tutorial #11 - Adding Redux & Reducers

Hey gang, in this React, Redux & Firebase tutorial we'll create our Redux store, reducers (and root reducer) and then hook our Redux store up to the React app using the provider component.

----------------------------------------

🐱‍💻 🐱‍💻 Course Links:

🧠🧠 Other Helpful Playlists:

🤑🤑 Donate


🎓🎓 Find me on Udemy

[kamaboko]

Easily the cleanest Redux setup I've seen. Bravo!

[dantidmas]

Amazing tutorials. I have tried a bunch of tutorials including paid ones and none have sunk in like yours. Easy decision to Patreon. Keep up the inspiring work!

[RaviBhadauriaAdmec]

I got this error while using combineReducers

Module not found: Error: Empty dependency (no request)
ERROR in 3:0-27
Module not found: Error: Empty dependency (no request)

[TheArtofCodeIsCool]

I got an error, even when I download your files from GitHub so I have exactly what you have:
In Provider.js on line 10: TypeError Object(...) is not a function. Anyone?

[axcelleria]

So I late comer of this course I tried to import *Provider* from 'react-redux' but getting compile error message:
err: 'react-redux' doesn't contain default export of "Provider"

But when I use import { *Provider* } from 'react-redux' the error message gone (app running), I wonder if this happen because of different library version

[zaffarmughal]

in the line 12 if you have a space between <App> & </Provider> you will get some error "React children expected to ... .." so it should exactly be <Provider store={store}><App /></Provider> like this and there shouldn't be any space... .. I don't know the logic or reason behind this BUT it might be helpful for someone who is new to React coz most of the time errors like these are very hard to find out! cheers

[PaulyWollyUTube]

We recommend using the configureStore method of the @reduxjs/toolkit package, which replaces createStore."

[yinonb]

Great explainations for a complex subjects, well done. thanks a lot.

[jitujazz]

When using the rootReducer, I noticed that a call to the rootReducer makes 3 calls each to the respective reducers put in the combineReducers. Can you tell if I am making any mistake or it is the correct behavior? If, it is natural behavior, can you explain why?

[chadgorham]

Would writing data to a sub-collection in Firestore work in the same way?

[ievgeniiaabdulina]

You are my best teacher ever! Thank you for your great work!!!

[darrylbrian]

should we add the --save flag when installing redux and react-redux?

[salvadoremmanuelkain]

Hey ninja what happend whit the 11 video I was waiting like and old lady jajaja

[sdymj]

what is the color theme that he's using by the way??

[Jonathan-iwkp]

Do i need redux or can i just use React Context for this project?