React JS Props and Prop Drilling | Learn ReactJS

Veröffentlicht am: 02 Juli 2021
auf dem Kanal: Dave Gray
33,590
1.1k

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


Auf dieser Seite können Sie das Online-Video React JS Props and Prop Drilling | Learn ReactJS mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Dave Gray 02 Juli 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 33,590 Mal angesehen und es wurde von 1.1 tausend den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!