What are props in React (in-detail)? | Container and UI components in React

Опубликовано: 27 Апрель 2026
на канале: Varun Prashar
258
10

Props are short for properties and are used to pass data between react components.
Technically It is the object that we pass to the functional component as an argument.
It is similar to passing HTML attributes to a tag.
Can only be used in the unidirectional flow.

Topics discussed:
1. What are props in React?
2. How to pass data from the parent state to my child component via props?
3. Child re-rendering on parent state change as this state is passed as a prop to the child
4. Calling parent method from the event in the child component
5. Container vs UI Component
6. Passing props to nth level (parent-child hierarchy)
7. Destructuring pattern: Best practice to use props in my component


Complete React Roadmap:    • React Roadmap for developers 2021 | React ...  
What is React? useState hook:    • React Tutorial: What is React? | Thinking ...  

Connect with me:
LinkedIn -   / varunprashar5  
Would love to mentor you or answer your queries personally on programming

Note: This video is for educational purposes and the content may have room for improvement. I would recommend checking documentation for more details as these techs keep on changing every day.