Renderização Condicional e Listas

Parte do curso de React

Quase toda tela que você já usou mostra uma coisa em vez de outra dependendo de alguma condição: um aviso de "você tem mensagens novas" que só aparece quando existem mensagens novas, um spinner que só fica visível enquanto algo carrega. E quase toda tela mostra mais de um exemplar de alguma coisa: uma lista de pedidos, uma grade de produtos, um feed de posts.

Imagine um porteiro parado na frente de uma sala. Antes de deixar alguém entrar, ele confere exatamente uma coisa. Se a conferência passa, a pessoa entra. Se falha, não acontece absolutamente nada: sem explicação, sem aviso no lugar, só silêncio e uma porta fechada. ...