Reusability: components are resuable.
Replaceable: it can be freely replaced with other similar components.
Not context specific: they are been designed to operate in different environments and contexts.
Extensible: component can be extended from existing components to provide new behavior.
Encapsulated: it’s allow the caller to use its functionality.
Independent: components are designed to have minimal dependencies on other components.
React is a component-based library which divides the UI into little reusable pieces. In some cases, those components need to communicate which send data to each other and the way to pass data between components is by using props.Props is a special keyword in React, which stands for properties and is being used for passing data from one component to another.
It’s being passed in a uni-directional flowone way from parent to child.parent to child, and it data is immutable read-only which means that data coming from the parent should not be changed by child components.References:
@tutorialspoint/Component-Based Architecture
@Cem Eygi/What is Props and How to Use it in React