Pular para o conteúdo principal

Componentizando e Finalização

Criação do Componente Headless

  • No Workspace do Builder, acessou "Components Library"
  • Criou um novo componente chamado "chatbot filmes"
  • O componente aparece como um ícone de quebra-cabeça por padrão

Configuração do Componente

  • Moveu a lógica do Series do bloco onClick para o definition do componente
  • Possibilidade de adicionar parâmetros conforme necessidade

Vantagens do Headless

  • Reutilização de componentes
  • Não precisa recriar lógica em múltiplos locais
  • Facilita manutenção e alterações

Chamada do Componente

  • No botão, acessou a aba function
  • Selecionou o componente "chatbot movies"
  • Manteve a mesma funcionalidade do chatbot original

Considerações Finais

  • Demonstrou criação básica de chatbot
  • Sugeriu melhorias futuras como:
    • Uso de Rush (server-side)
    • Práticas de segurança
    • Configurações de API
    • Melhorias de performance