Frontend com React

📋 Listas e renderização condicional

Renderize coleções com .map() e a prop key, decida o que pintar com condicionais e agrupe elementos com fragmentos.

O que você vai aprender

• Renderizar listas transformando um array com .map() e atribuir uma key única e estável
• Mostrar conteúdo condicional com o operador &&, o ternário ? : e return null
• Agrupar elementos irmãos sem um div extra usando fragmentos <>...</>
• Escolher entre id e índice como key dependendo se a lista muda de ordem ou tamanho

Lições