React JS Props and Prop Drilling | Learn ReactJS
Web Dev Roadmap for Beginners (Free!): https://bit.ly/DaveGrayWebDevRoadmap
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
🚀 This lesson is part of a Learn React tutorial series playlist:
• React Tutorials
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/...
🔗 React Dev Tools Extension for Chrome:
https://chrome.google.com/webstore/de...
🔗 Styled Components: https://styled-components.com/
📚 References:
ReactJS Official site: https://reactjs.org/
React Wikipedia: https://en.wikipedia.org/wiki/React_(...)
React Jobs: https://www.ziprecruiter.com/candidat...
✅ Follow Me:
Twitter: / yesdavidgray
LinkedIn: / davidagray
Blog: https://yesdavidgray.com
Reddit: / 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
Watch video React JS Props and Prop Drilling | Learn ReactJS online without registration, duration hours minute second in high quality. This video was added by user Dave Gray 02 July 2021, don't forget to share it with your friends and acquaintances, it has been viewed on our site 33,590 once and liked it 1.1 thousand people.