Complete React Tutorial (& Redux) #41 - Blog Detail Page

Hey gang, in this video we'll look at mapping a single blog post to our props for the blog detail component.

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

🐱‍💻 Course Links:

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

[maxiequa]

@3.53 this is why you are fast becoming the best dev tutor on youtube Shaun. Demystifying the syntax most other tutorials skim over. This series is world class as always. Thank you.

[sdymj]

Took me about 20 mins to figure out why my post object was undefined after mapStateToProps. Shaun used id as string and I used it as number.. so post.id === id didn't match anything in posts. Thank you for the awesome tutorial!

[luizamusic]

Thank you for explaining this in a non-overwhelming way. You are a great teacher.

[noamhoze]

Thanks you so much for this series, it has really been educational and effective studying with you!

One thing here - in "mapStateToProps" function in "Post.js", the operator "===" is too strict because of type mismatch between "id" and "post.id".
For me at least it didn't work.
Would recommend changing it there to "==".

[jovision]

Thank you again for this amazing tuto !
Yo guys ! you need to parse the ID to Int before doing the check or replace '===' with '=='

const mapStateToProps =(state, ownProps)=>{
let id =
return {
post : state.posts.find(post => post.id === parseInt(id))
}

}

[laipaulim]

The easiest react redux explanation ! Thumb up

[mm-et]

I can't believe this is free.. May God bless u brother!!

[farukdurusoy]

Hi Net Ninja,
how does react understand that ownProps are the props coming from the router?

[nasaruddin]

When I was watching this video I faced a problem in "find" method as the id receiving from url is string and the post id is a number. I solve this
const id =
return {post:
Happy learning.

[alsaamit]

you are the best brother .. although i was designer and was see coding is horrible but with you make it more easy to me .. like a game .. i hope an one day to be smart like you .. thank you

[e-genieclimatique]

thank you, thanks to this video, I managed to access the store state from another component and display the data on this component

[techture]

Thank you so much for your amazing tutorials! You're a hero :)

[ASoftwareEngineer]

Shaun, seriously i love you. I am not gay :D

[rohitbhambhani]

Thanks, Bud...You are an Amazing Instructor.

[lucasmrtiins_]

I had to parseInt() the params comming from the url otherwise I would have to use == and the console was giving me an warning to use ===

[russelldriver]

wow this is complex I will need to watch this part of the tutorial another 20 times :D

[arrozfritoo]

in 3:20 could just be

post: state.find() instead of post: state.posts.find() because we just have posts on the state of the store?

[mohamdalmhde]

Hello I'am coming from react native
Thankx maaan
every thing working with me

[we.are.awakening]

Great video like all of them! One comment: The reason you can simplify the function syntax is technically not because it fits on one line but because you pass only one variable and only one expression. Pls correct my if I'm wrong.

[AbhishekKumar-mqtt]

Thank u for this awesome video and series