: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>

Projeto: Monte sua Pizza

🎯 Objetivo:

O usuário pode montar uma pizza escolhendo:

• Massa (fina, média, grossa)
• Molho (tomate, branco, barbecue)
• Ingredientes (mussarela, calabresa, milho, etc.)

Depois de montar, o site exibe um resumo com os ingredientes escolhidos

Tarefas

• Completar os componentes prontos (OpcaoMassa, OpcaoMolho, ResumoPizza):
  • Receber as props necessárias
  • Lidar com eventos (como onClick, onChange)
  • Exibir corretamente as opções selecionadas
• Criar o componente ListaIngredientes:
  • Exibir uma lista de checkboxes com ingredientes
  • Atualizar a lista de ingredientes selecionados no estado do App
  • Emitir essa lista como prop para o componente ResumoPizza
• Finalizar a tela com o resumo da pizza montada.

Descrição dos Componentes

🟡 App.tsx

• Componente principal que gerencia os estados:
  • massaSelecionada: string
  • molhoSelecionado: string
  • ingredientesSelecionados: string[]