Solucionado
Eu pergunto isso, pois como o professou mostrou foi incluido uma loop para iterar os elementos do array e assim exibir os cartões. Entendo que ele fez isso mais para mostrar o uso do JS no React. Mas normalmente em projetos React é normal isso? A lógica estar junto da view.
hoje, com a Alura e o Google Gemini
Olá, Renan, tudo bem?
Na verdade utilizar lógica JS junto com o JSX é uma das coisas mais comuns no React! É uma das características dessa biblioteca, então sim, não se preocupe em fazer isso.
No caso de fazer uma lógica de repetição, isso nos ajuda a deixar o código JSX menos repetitivo, renderizando os componentes HTML de acordo com uma fonte de dados do javascript (no caso da aula, vimos como renderizar <li> personalizadas de acordo com um array do javascript).
É um pouco diferente do que vemos em um framework como o Angular, que separa a lógica da view (mas até mesmo o Angular possui ferramentas para evitar repetições de código HTML, se aproveitando de fontes de dados no JS).
Espero ter ajudado! Abraços e bons estudos :)