React Lists and Keys

When developers have an array of data, like ten different blog posts, they don't write the HTML ten times. Instead, they use the JavaScript `map()` method to loop through the array and render a component for every single item automatically.

1/* this renders a list */
2function CarList({ cars }) {
3  return (
4    <ul>
5      {cars.map((car) => (
6        <li key={car.id}>{car.name}</li>
7      ))}
8    </ul>
9  );
10}