Complete React & Redux Tutorial #40 - Mapping State to Props

Hey gang, in this Redux tutorial I'll show you how to map your redux state to props in your React components. In other words, how to access store data from your components.

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

🐱‍💻 Course Links:

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

[acfromspace]

For people at 0:40 who need the dummy data:

{id: '1', title: 'Squirtle Laid an Egg', body: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequatur voluptate laborum perferendis, enim repellendus ipsam sunt autem at odit dolorum, voluptatum suscipit iste harum cum magni itaque animi laudantium fugiat'},
{id: '2', title: 'Charmander Laid an Egg', body: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequatur voluptate laborum perferendis, enim repellendus ipsam sunt autem at odit dolorum, voluptatum suscipit iste harum cum magni itaque animi laudantium fugiat'},
{id: '3', title: 'a Helix Fossil was Found', body: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit. Consequatur voluptate laborum perferendis, enim repellendus ipsam sunt autem at odit dolorum, voluptatum suscipit iste harum cum magni itaque animi laudantium fugiat'}

[danieloliva]

I have been studying react and redux for weeks. I watched the 40 videos in 3 days and everything makes sense now!! Thank you so much.
PS: I'm dying to see that firebase-react-redux full project series!!

[pieteromt]

Everything falls nicely into place, using higher order components (explained earler in this series) to add props to our own components and get access to the store. Thank you Shaun for your very clear way of explaining things!

[HassaanQ]

You are my hero after rubbing my head for 3 days on fetching data from store.
No wonder you are my favorite channel from 5 years now! Your explanation is smooth as butter!

[Romeo-vthq]

Man thanks so much for the clear explanation. Redux makes my head spin but after a few of your videos it's more accessible to me now. Greetings from Ukraine

[Wilhelmification]

In less than 15 minutes you explained to me a thing that i am trying to grab whole day. Thanks a lot.

[nicholassaulsberry]

I finally get redux thanks to your video after watching tons of other videos and reading several books. You do an amazing job at explaining every step. I will be watching your other series as well.

[its_just_me_]

3:40 surprise!! surprise!! The best tutor is Shaun!!

[SteinCodes]

Hoping you see this, I found your channel 2-3 years ago. I thought I am good at other types of coding then why not try Web Dev. Bookmarked you. And left for an eternity, now I came back to it yesterday, remembering you had awesome content.

And I am up and running with Web Dev in under 24 hours using React and Node.js. Not an expert, but I also read a lot of articles while watching your videos at 2x speed, so I can say I can code a site with ease.

You make really detailed videos.

Let me say it straight, I might be smart or very smart but having no knowledge of Javascript, then reaching this level in 24 hours THANKS a lot.
Hope to see you again even if it's after a year with another 100k sub.

[oluwabukolatina]

your videos helped me start understanding redux better

[jeffedmo]

This was easily the best explanation. Thank you so much!

[Pandesaltosino]

this is really good, thanks a lot TheNetNinja.you're one of my heroes.

[olayemiolatinwo]

If you are watching this in 2021, you might run into some troubles while trying to implement this, specifically @5:45mins
To fix that error :
Change :
const rootReducer = (state = initState, action) => { return state; }
export default rootReducer
To :
export default function rootReducer (state = initState, action) {
return state; }

[elmoutaouakkilmohammed]

Thank you very much, I've needed this redux-connect tutorial

[vikrantsingh]

the react redux series by "the new boston" is pretty comprehensive, for the redux part it covers more topics that this tutorial. i suggest to watch both the series to get a good understanding for redux.

[LotfiORouis]

Wonderful explanation and pedagogy! Thank you

[nishavprasad]

Thank you so much Shaun.. :) redux finally makes sense to me.

[spymannn]

Damn, your videos are awesome, I didn't understand a thing about Redux before I watched your video and I can't wait for new ones, it's helping a lot, thank you for that ! :)

[shortyz]

Not gonna lie, I am definitely going to have to watch this one two or three more times.

[jaredlising-simplybrewedph]

thanks man! really appreciate your contents especially to a beginner like me.