Renderizado de listas

Para mostrar una colección, se transforma el array en elementos con map. Cada elemento necesita una key estable y única entre hermanos.

{tareas.map((tarea) => (
  <li key={tarea.id}>{tarea.titulo}</li>
))}

Por qué la key importa

React usa la key para identificar qué elementos cambiaron, se agregaron o se eliminaron. Una key basada en el índice provoca bugs sutiles cuando la lista se reordena o filtra.

Regla práctica

Usa un identificador estable del dato (por ejemplo id), no la posición en el array.