Its basically like a div that can be repeated and updated individually so you dont actually have to recreate divs all the time.
Reusable, replaceable, not context specific, extensibible, encapsulated, indepedndent.
Easy to use but also easy to change in the future. Because ut us easy to modify and plug in it reduces cost. It also makes the product more reliable when it is easy to modify with out breaking the whole page
props is how React passes data froma parent to a child component.You use it in the same way you pass an argument through function.
properties
By creating a prop withing the parent componenet and then calling on the prop within the code.
Parent to child to grand child