React JS props and prop drilling are must learn concepts for anyone interested in learning ReactJS. React components often need to share data which is passed as props. Prop drilling passes props from parent to child components.

🚩 Subscribe ➜ https://bit.ly/3nGHmNn

React JS Props and Prop Drilling | Learn ReactJS

• (00:00) Intro
• (00:05) What are props?
• (01:28) Passing props to a component
• (02:47) Destructuring props
• (03:43) defaultProps
• (04:51) Moving state to the parent component
• (10:17) Passing props to the Footer component
• (12:44) Prop drilling to an Item List Component
• (19:18) Prop drilling to a reusable Line Item component

🔗 ES7 React JS Snippets Extension for VS Code:
https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets

🔗 React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

🔗 Styled Components: https://styled-components.com/

📚 References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(JavaScript_library)
React Jobs: https://www.ziprecruiter.com/candidate/search?search=react&location=

✅ Follow Me:
Twitter: https://twitter.com/yesdavidgray
LinkedIn: https://www.linkedin.com/in/davidagray/
Blog: https://yesdavidgray.com
Reddit: https://www.reddit.com/user/DaveOnEleven

Was this tutorial about Props and Prop Drilling in React JS helpful? If so, please share. Let me know your thoughts in the comments.

#react #props #prop-drilling

#react #reactjs