2a:["$","section","3",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Até onde vai o useActionState? Não só server actions!"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"O maior erro é achar que useActionState é só para server actions do React Server Components. Ele funciona com qualquer função assíncrona — qualquer evento iniciado por interação do usuário. Isso significa que useActionState ajuda tanto em chamadas para API, autenticação, quanto para ações locais com delays ou validações dinâmicas no front."}],["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-yellow-500/10 border-yellow-500/20 text-yellow-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-yellow-400","children":[["$","span",null,{"children":"⚠️"}],"Cuidado"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Não limite o useActionState ao back-end. Use em lógica de UI, checagem local, qualquer fluxo que vá do usuário para uma lógica assíncrona."}]]}]]}]]]}] 2b:["$","section","4",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Actions e async transition: o conceito que separa juniors de seniors"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Toda função que usa uma async transition no React pode ser considerada uma action . Isso inclui submits, requisições, mutações de dados e processos que dependem de resposta. Saber quando usar actions é o que distingue um código robusto de um código amador — traz previsibilidade e facilita o debug."}],["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-green-500/10 border-green-500/20 text-green-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-green-400","children":[["$","span",null,{"children":"✅"}],"Dica do Dev Doido"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Assista nosso vídeo no canal Dev Doido no youtube para ver um projeto real usando useActionState e transitions: busca por “Dev Doido useActionState” e acelere seu domínio!"}]]}]]}]]]}] 2c:["$","section","5",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"O ciclo vivo do uso: submit, pending e resposta"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Os três retornos do useActionState são simples: submit dispara a função ação; isPending diz se está processando; e result guarda sucesso ou erro. Isso permite loading, mensagens amigáveis e o bloqueio de fluxos errados, tudo automatizado."}]]]}] 2d:["$","section","6",{"className":"mb-16","children":[["$","h2",null,{"className":"text-2xl md:text-3xl font-bold text-white mb-6","children":"Exemplo direto ao ponto: monitorando envio de formulário"}],[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"Basta passar sua função de envio para o hook. Ele retorna o trio: pending, submit e resultado. Veja como ficaria: Assim, você pode mostrar loading no botão, bloquear múltiplos envios e tratar erros de forma centralizada."}],["$","div","1",{"className":"border rounded-xl p-6 mb-8 bg-yellow-500/10 border-yellow-500/20 text-yellow-400","children":[["$","h3",null,{"className":"font-semibold mb-3 flex items-center gap-2 text-yellow-400","children":[["$","span",null,{"children":"⚠️"}],"Atenção"]}],["$","div",null,{"className":"text-gray-300 leading-relaxed","children":[["$","p","0",{"className":"text-gray-300 leading-relaxed mb-6","children":"O result não precisa ser só erro! Retorne dados úteis, como ID criado, payload de