Formulários no React 19 com Server Actions (com validação)

A nova versão do React 19 já está entre nós (mesmo que em RC), e eu não podia esperar mais tempo pra colocar a mão na massa e testar algumas coisas.
Bora começar com o clássico: formulários!
Pra isso vou testar também as server actions e validar o processo enquanto vou construindo ao vivo. Será que mudou muita coisa? No vídeo te conto melhor!
-----
Conecte-se a 500mil devs e avance para o próximo nível com a nossa plataforma: rocketseat.com.br/
Cadastre-se na nossa plataforma: app.rocketseat.com.br/signup
Junte-se a mais de 392mil devs em nossa comunidade no Discord: / discord
Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat

[@denilsoncosta9837]

curioso para ver como o react-hook-form vai interagir com essa nova forma de lidar com os formulários.

[@JeanPierre-pz5ny]

Mas no log server side, quando foi desabilitado o javascript, na request não foi enviado a action ID, isso pode gerar algum problema?

[@dieegosf]

Não, o action ID é só usado para o useActionState saber de qual action precisa usar o estado. Como estamos com o JS desabilitado, o useActionState já não vai funcionar mesmo.

[@JeanPierre-pz5ny]

@@dieegosf Valeu👍

[@gregserrao]

Voltamos para o webforms? Parece PostBack hahahaha

[@EvilMaxE]

\o/

[@adrianamerico4213]

Tem como usar server functions em um projeto vite com React puro ? Tô querendo ocultar as request no Network

[@rafaelgoncalo-ct4cu]

Poderia usar o hook-form junto ou serie redundante ?

[@rafaelgoncalo-ct4cu]

Poderia usar o hook-form junto ?

[@lawrencegregory2018]

O 'use server' já não é o default no next? Por que tem que declarar?

[@dieegosf]

Para actions precisa declarar. Só não precisa pra componentes.

[@lawrencegregory2018]

@@dieegosf Valeu Diego

[@carloseduardoalvesdegodoi2455]

Nesse caso a validação do zod tá acontecendo no server-side, certo? Meio que não compensa fazer validação no client dessa forma, né? Uma outra dúvida, caso queiramos consumir uma API externa iríamos chamar ela de dentro da server action?

[@vmnog]

validação na maioria das vezes deveria ser feita em ambos os lados.

[@carloseduardoalvesdegodoi2455]

@@vmnog pode crer, nesse caso daria pra o schema pra ambos. O Next aqui tá sendo um bff entre o front e um outro back-end, isso?

[@FelipeCoutinho-vo5eg]

Diego, esse RC do next + React 19 está estável para um projetinho pessoal ?

[@joelanderson7398]

onde acontecen as lives?

[@vtexff4522]

Alguém sabe qual extensão ele usa pra auto preencher tags quando ele está digitando tags HTML ? Quando digito... Nada aparece de sugestão nem nada

[@alvinscheibe]

É o Emmet. É um plugin que prove abreviações, snippets e atalhos para o html/css.

[@andreobala4552]

Alguém sabe me dizer qual tema do vscode ele ta utilizando?

[@LipeTrips]

vesper++

[@MayconDouglas-ev8fn]

as lives acontecem no canal oficial da rocketseat??

[@meluiz]

Ela ocorrem na twitch: www.twitch.tv/dieegosf

[@MayconDouglas-ev8fn]

@@meluiz muito obrigado!!

[@jeffersonsilva6954]

Onde é que acontece essas lives ?? eu só vejo os pedaços kkkk

[@mayronamati1643]

Kkkk somos 2

[@kenjiutaka]

www.twitch.tv/dieegosf

[@kennedy2623]

Na Twitch dele, dieegosf

[@victorkummell]

www.twitch.tv/dieegosf

[@luizguilhermepelegrini8297]

Twitch do Diego m.twitch.tv/dieegosf/home

[@marcioalemao7096]

Agora vai poder criar site com react na darkweb

[@FANDDAN]

Qual é esse navegador???

[@ryckz6759]

Arc

[@paulopanama]

underline para nomear váriavel.. hummmm.. será q o pessoal copiou do Go? rsrs

[@lucasbrunoferreira]

Go foi lançado em 2009... quem será que copiou quem haha

[@paulopanama]

@@lucasbrunoferreira bom mas em Go que vi isso ser usado primeiro.... o legal de Go é isso.. já entrou com boas práticas...

[@MrDeca2000]

É que Go foi justamente desenvolvido para pegar as melhores práticas de todas as linguagens que são usadas no Google. Então se souber programar e ter a prática em várias delas, vai ver semelhança com várias.

[@victorhenrich8635]

Essa prática ja vem do Python e linguagens mais antigas, como C#, abraços!

[@orafael5744]

first

[@SrDephis]

Po paizao, tira esse teclado barulhento dos vídeos kkkk nao consigo me concentrar com essa barulhada toda