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

  Рет қаралды 14,488

Rocketseat

Rocketseat

2 ай бұрын

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

Пікірлер: 47
@denilsoncosta9837
@denilsoncosta9837 2 ай бұрын
curioso para ver como o react-hook-form vai interagir com essa nova forma de lidar com os formulários.
@JeanPierre-pz5ny
@JeanPierre-pz5ny 2 ай бұрын
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
@dieegosf 2 ай бұрын
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
@JeanPierre-pz5ny 2 ай бұрын
@@dieegosf Valeu👍
@lawrencegregory2018
@lawrencegregory2018 2 ай бұрын
O 'use server' já não é o default no next? Por que tem que declarar?
@dieegosf
@dieegosf 2 ай бұрын
Para actions precisa declarar. Só não precisa pra componentes.
@lawrencegregory2018
@lawrencegregory2018 2 ай бұрын
@@dieegosf Valeu Diego
@adrianamerico4213
@adrianamerico4213 2 ай бұрын
Tem como usar server functions em um projeto vite com React puro ? Tô querendo ocultar as request no Network
@rafaelgoncalo-ct4cu
@rafaelgoncalo-ct4cu 2 ай бұрын
Poderia usar o hook-form junto ou serie redundante ?
@andreobala4552
@andreobala4552 2 ай бұрын
Alguém sabe me dizer qual tema do vscode ele ta utilizando?
@LipeTrips
@LipeTrips 2 ай бұрын
vesper++
@gregserrao
@gregserrao 2 ай бұрын
Voltamos para o webforms? Parece PostBack hahahaha
@carloseduardoalvesdegodoi2455
@carloseduardoalvesdegodoi2455 2 ай бұрын
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
@vmnog 2 ай бұрын
validação na maioria das vezes deveria ser feita em ambos os lados.
@carloseduardoalvesdegodoi2455
@carloseduardoalvesdegodoi2455 2 ай бұрын
@@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?
@vtexff4522
@vtexff4522 2 ай бұрын
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
@alvinscheibe 2 ай бұрын
É o Emmet. É um plugin que prove abreviações, snippets e atalhos para o html/css.
@rafaelgoncalo-ct4cu
@rafaelgoncalo-ct4cu 2 ай бұрын
Poderia usar o hook-form junto ?
@FelipeCoutinho-vo5eg
@FelipeCoutinho-vo5eg 2 ай бұрын
Diego, esse RC do next + React 19 está estável para um projetinho pessoal ?
@joelanderson7398
@joelanderson7398 2 ай бұрын
onde acontecen as lives?
@Vinicius.dos.santos
@Vinicius.dos.santos Ай бұрын
Tambem queria saber
@Vinicius.dos.santos
@Vinicius.dos.santos Ай бұрын
Tambem queria saber
@FANDDAN
@FANDDAN 2 ай бұрын
Qual é esse navegador???
@ryckz6759
@ryckz6759 Ай бұрын
Arc
@MayconDouglas-ev8fn
@MayconDouglas-ev8fn 2 ай бұрын
as lives acontecem no canal oficial da rocketseat??
@meluiz
@meluiz 2 ай бұрын
Ela ocorrem na twitch: www.twitch.tv/dieegosf
@MayconDouglas-ev8fn
@MayconDouglas-ev8fn 2 ай бұрын
@@meluiz muito obrigado!!
@EvilMaxE
@EvilMaxE 2 ай бұрын
\o/
@jeffersonsilva6954
@jeffersonsilva6954 2 ай бұрын
Onde é que acontece essas lives ?? eu só vejo os pedaços kkkk
@mayronamati1643
@mayronamati1643 2 ай бұрын
Kkkk somos 2
@kenjiutaka
@kenjiutaka 2 ай бұрын
www.twitch.tv/dieegosf
@kennedy2623
@kennedy2623 2 ай бұрын
Na Twitch dele, dieegosf
@victorkummell
@victorkummell 2 ай бұрын
www.twitch.tv/dieegosf
@luizguilhermepelegrini8297
@luizguilhermepelegrini8297 2 ай бұрын
Twitch do Diego m.twitch.tv/dieegosf/home
@marcioalemao7096
@marcioalemao7096 2 ай бұрын
Agora vai poder criar site com react na darkweb
@paulopanama
@paulopanama 2 ай бұрын
underline para nomear váriavel.. hummmm.. será q o pessoal copiou do Go? rsrs
@lucasbrunoferreira
@lucasbrunoferreira 2 ай бұрын
Go foi lançado em 2009... quem será que copiou quem haha
@paulopanama
@paulopanama 2 ай бұрын
@@lucasbrunoferreira bom mas em Go que vi isso ser usado primeiro.... o legal de Go é isso.. já entrou com boas práticas...
@MrDeca2000
@MrDeca2000 2 ай бұрын
É 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
@victorhenrich8635 Ай бұрын
Essa prática ja vem do Python e linguagens mais antigas, como C#, abraços!
@orafael5744
@orafael5744 2 ай бұрын
first
@SrDephis
@SrDephis 2 ай бұрын
Po paizao, tira esse teclado barulhento dos vídeos kkkk nao consigo me concentrar com essa barulhada toda
@jeancarlosdelaivieceli
@jeancarlosdelaivieceli Ай бұрын
Maquina de escrever, kkkkk
Eu RESUMI o Next.js 14 para você! (Server Components & Actions)
24:10
小天使太有爱心了#天使#小丑#家庭#搞笑
00:32
家庭搞笑日记
Рет қаралды 25 МЛН
👨‍🔧📐
00:43
Kan Andrey
Рет қаралды 7 МЛН
小蚂蚁被感动了!火影忍者 #佐助 #家庭
00:54
火影忍者一家
Рет қаралды 51 МЛН
لااا! هذه البرتقالة مزعجة جدًا #قصير
00:15
One More Arabic
Рет қаралды 50 МЛН
O ERRO mais comum no React (você já fez isso)
13:26
Rocketseat
Рет қаралды 121 М.
Esse PATTERN do React pode te salvar (+ lib secreta)
12:33
Rocketseat
Рет қаралды 22 М.
The 3 REAL benefits of Next.js Server Actions
12:11
ByteGrad
Рет қаралды 27 М.
Server Components Done Right! (New React Feature)
25:34
Rocketseat
Рет қаралды 53 М.
"The Life & Death of htmx" by Alexander Petros at Big Sky Dev Con 2024
23:01
Montana Programmers
Рет қаралды 47 М.
The Tools I Use to Build Products in Laravel
19:00
Josh Cirre
Рет қаралды 22 М.
TUDO que você deve estudar de JavaScript antes do React
1:25:24
Rocketseat
Рет қаралды 288 М.
小天使太有爱心了#天使#小丑#家庭#搞笑
00:32
家庭搞笑日记
Рет қаралды 25 МЛН