Ajudando o React a ser rápido

Ao renderizar uma lista com .map, o React pede uma prop key única em cada item:

{produtos.map((p) => <li key={p}>{p}</li>)}

🧠 Por que existe: imagine que você adiciona um item no meio da lista. Sem a key, o React não sabe quais itens são os mesmos e quais são novos — ele redesenha tudo. Com a key, ele identifica cada item e atualiza só o que mudou. É uma etiqueta de identidade.

⚠️ Use um valor único e estável (um id do produto é o ideal). Esquecer a key funciona, mas o React reclama no console e pode causar bugs sutis em listas que mudam.