Objects and data

An array stores values in order, while an object stores values that each have a name, like { name: 'Layan', role: 'Designer' }, and you reach any value by its name: person.name.

The data shape you'll see most often at work is an array of objects, because most APIs return their data that way.

Since the objects all have the same keys, you can write the card template once and fill it in from each object, so the whole interface is built from the data.