Practice What You Learned

State and Props

Using your knowledge of State and Props

• Build the above Diagram
• You should create an App, HomePage, Header, Search Bar, EmployeeList and Employee List Item and EmployeePage
• Build this in CodeSandbox
• No functionality is needed just arrange it with components
• Pass the data around using props

Hint 1

<EmployeeList employees={employees}>

Hint 2

<>
 {props.employees.map((employee) => {
    return(
        <EmployeeListItem 
          key={employee.id} 
          name={employee.name} 
          title={employee.title}
        />)
 })}
</>