:react-js:Conteúdo produzido por Profº Vinicius Martins

<aside> <img src="notion://custom_emoji/eec5802d-aa68-469e-bd8d-a6acbfcb3167/219b1288-c377-8040-879a-007afa980f7c" alt="notion://custom_emoji/eec5802d-aa68-469e-bd8d-a6acbfcb3167/219b1288-c377-8040-879a-007afa980f7c" width="40px" />

O React é uma biblioteca para interfaces de usuário nativas e da web. O React permite que você crie interfaces de usuário a partir de partes individuais chamadas componentes

</aside>

Exercise: Segundo step do Projeto Form com Steps

Tela que será desenvolvida nessa aula (class07)

<aside> 💡

A parte de Layou podem ficar a vontade para mexer e customizar, porém a arquitetura de funcionamento da página tem que ser a mesma da imagem

</aside>

SUGESTÕES DE COMPONENTIZAÇÃO DO PROFº

• O componente Box não precisará ser mexido
• O ideal é que o step anterior fique como concluído quando o usuário estiver no step seguinte… o próximo step deve continuar desabilitado
  • Essa lógica pode ser feita pelo campo ordem que é passado por pros para o componente ListaDeStep
• O ideal é reutilizar o componente de Input e mudar apenas as props que serão passadas;
• Para o textarea uma boa opção é criar um componente chamado Textarea.tsx
  • Ele pode receber algumas propriedades por props como: label, coluna e uma para definir se o usuário poderá expandi-lo ou não (ehExpandivel)
• Para o botão o ideal é reutilizar ele e passar uma prop que controle se ele terá background ou não;

ARQUIVOS PARA CORREÇÃO

Box.tsx