Criar Componente React do Zero

    Ensina a montar componentes React simples e úteis com explicação.

    Dev
    componentes
    ui
    javascript
    react
    intermediario

    Preencha as variáveis

    0/4 preenchidas

    Preencha os campos abaixo e o prompt será atualizado automaticamente. Depois é só copiar!

    {tipo_componente}
    {objetivo}
    {nivel}
    {usa_ts}

    Prompt (prévia ao vivo)

    Atue como tutor de React para iniciantes. Me ajude a criar um componente {tipo_componente} do zero. Entregue: 1) versão simples, 2) explicação de props e estado (se usar), 3) versão melhorada, 4) ideias de personalização para treino.
    
    Objetivo do componente: {objetivo}
    Nível: {nivel}
    Usa TypeScript?: {usa_ts}

    Exemplos

    Entrada

    Tipo de componente: Accordion
    Objetivo: Mostrar perguntas e respostas
    Nível: Iniciante
    Usa TypeScript?: Não

    Saída esperada

    Versão simples com useState...
    Props sugeridas: items...
    Customização: ícones e animação