Formulários no React 19 com Server Actions (com validação)
ฝัง
- เผยแพร่เมื่อ 2 มิ.ย. 2024
- 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
curioso para ver como o react-hook-form vai interagir com essa nova forma de lidar com os formulários.
Poderia usar o hook-form junto ou serie redundante ?
Mas no log server side, quando foi desabilitado o javascript, na request não foi enviado a action ID, isso pode gerar algum problema?
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.
@@dieegosf Valeu👍
Tem como usar server functions em um projeto vite com React puro ? Tô querendo ocultar as request no Network
Poderia usar o hook-form junto ?
onde acontecen as lives?
\o/
Voltamos para o webforms? Parece PostBack hahahaha
Diego, esse RC do next + React 19 está estável para um projetinho pessoal ?
O 'use server' já não é o default no next? Por que tem que declarar?
Para actions precisa declarar. Só não precisa pra componentes.
@@dieegosf Valeu Diego
Alguém sabe me dizer qual tema do vscode ele ta utilizando?
vesper++
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?
validação na maioria das vezes deveria ser feita em ambos os lados.
@@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?
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
É o Emmet. É um plugin que prove abreviações, snippets e atalhos para o html/css.
as lives acontecem no canal oficial da rocketseat??
Ela ocorrem na twitch: www.twitch.tv/dieegosf
@@meluiz muito obrigado!!
Agora vai poder criar site com react na darkweb
Onde é que acontece essas lives ?? eu só vejo os pedaços kkkk
Kkkk somos 2
www.twitch.tv/dieegosf
Na Twitch dele, dieegosf
www.twitch.tv/dieegosf
Twitch do Diego m.twitch.tv/dieegosf/home
Qual é esse navegador???
Arc
underline para nomear váriavel.. hummmm.. será q o pessoal copiou do Go? rsrs
Go foi lançado em 2009... quem será que copiou quem haha
@@lucasbrunoferreira bom mas em Go que vi isso ser usado primeiro.... o legal de Go é isso.. já entrou com boas práticas...
É 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.
Essa prática ja vem do Python e linguagens mais antigas, como C#, abraços!
first
Po paizao, tira esse teclado barulhento dos vídeos kkkk
nao consigo me concentrar com essa barulhada toda