# Discussion Questions: Props vs. State

# Discussion Questions: Props vs. State.md

Discussion Questions: Props vs. State

1. What is the difference between props and state in React?

2. When would you use state instead of props?

3. Assuming UserDetail is a component, what will its props be if it's rendered as follows:

   const user = {name: 'Spider Man', age: 32}
   
   <UserDetail title="Profile Page" dog="Fido" user={user} />

4. Take a look at https://learning.flatironschool.com. Pretend you were going to recreate a specific page. What top level components would you have? What props would they receive and what state would they own? What components would they have as children?

Team [ Papula , Halwest , Shkar , Shinak, and Nada ]

1. What is the difference between props and state in React?

• Props: We are using props to pass data from parent to child components. and it's immutable.
• State: The internal data of the component which can change through the set function. state can be global.

2. When would you use state instead of props?

• State use when we have data continuously needs to change.
• props using when we have data that don't have to be changed.

3. Assuming UserDetail is a component, what will its props be if it's rendered as follows:
   const UserDetail = ({title,dog,user}) => {}
   its props are title,dog and user(object)

4. Take a look at https://learning.flatironschool.com. Pretend you were going to recreate a specific page. What top level components would you have? What props would they receive and what state would they own? What components would they have as children?

Top-level Components:
Sidebar - Notification header - Dashboard - Right Section- Footer