JSX & Lists

Everything is JavaScript! Use JavaScript Tools!

{ name: 'Max', age: 28, id: 1 }

{ name: 'Manu', age: 29, id: 2 }

map() array into different array

Can be rendered
to screen! <Person name={person.name} key={person.id} />

<Person name={person.name} key={person.id} />

Allows React to efficiently re-render the list.