ReactJS Basics - #6 Passing Data with Props

React Components should be able to interact. Props allow you to pass Data from a Parent Component to a Child Component.

----------

----------

• Follow @maxedapps and @academind_real on Twitter

See you in the videos!

----------

[prateeksharma]

Great work, indeed.
For those using latest React version: use prop-types instead of React.PropTypes.#dataType#

1) npm install --save-dev prop-types
2) In Home.js:
import PropTypes from 'prop-types'

3)
Home.propTypes = {
name: PropTypes.string,
age: PropTypes.number,
user: PropTypes.object
}

[code]

LOL I spend 50 $ on online course and 4 hours to learn about props and here its free and only 16 minute and much cleaner <3 well done man

[fabonic]

Great tutorial indeed.
For those watching this video in 2020, just add

1) import PropTypes from 'prop-types';
then
2)
Home.propTypes = {
name: PropTypes.string,
age: PropTypes.number,
user: PropTypes.object
};

[sirajul-anik]

I'm a newbie to react. I'm only following your series to learn React. At 1:50 as you've used
<Home name={"Max"} />can also be done with <Home name="Max" />
The first one is bullet proof because if you're trying to pass a variable, not a string or any value. Thanks for your series. :)

[TheJaivijay]

I must say this is the best prop explanation on youtube so far. Great work.

[enclaveblacklegion]

Finally someone can explain it simply, right to the point. Thanks.

[vivekpandey]

Hands down the best explanation for props!

[cavanbiggs]

Been having a hard time trying to fully understand Props, I was actually trying to use state to do what you did with Props. This video made it very clear of what I need to do now.
Thanks, awesome video!

[irynasherepot]

Thank you. These series are the best! Good for a very React beginner, very clear explanation of many components interacting, state and props

[thinuwanimihira]

i`ve searched lot for React. for sure i can say this is the best tutorial met so far. Thanks lot :) :)

[shaikatjibs]

Thanks a lot! The basic of props and children concept is clear to me now. It was simple but super effective approach. Take a bow.

[rondunphy]

These tutorials are appreciated, they have made my life much easier.

[prashmai]

your react class based lecture are awesome even in 2020.

[kamaboko]

Great tutorial. A lot of ground covered. Thanks.

[rosgarcia]

Sir, thank you so much for spending time teaching stuffs with strangers like me. I am very grateful for that! 😇

[kapilsoni]

Excellent tutorial and greate explanation 👍

[johnraymundbernal]

Thanks for this! You explained it well! I watched many tutorials on how to work with props but only this one helped me!

[ChidyNwanya]

Wonderful tutorial, this just made me understand props way better!!!

[amardeepbhowmick]

Thank you Max! you make difficult things seem easy!

[ButterflyCreativity]

Thank you! You cleared up the question I've had about passing props and was having a hard time finding the answer to, in under 4 minutes.