No video

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

Пікірлер: 47

  • @denilsoncosta9837
    @denilsoncosta98372 ай бұрын

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

  • @adrianamerico4213
    @adrianamerico42132 ай бұрын

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

  • @rafaelgoncalo-ct4cu
    @rafaelgoncalo-ct4cu2 ай бұрын

    Poderia usar o hook-form junto ou serie redundante ?

  • @gregserrao
    @gregserrao2 ай бұрын

    Voltamos para o webforms? Parece PostBack hahahaha

  • @JeanPierre-pz5ny
    @JeanPierre-pz5ny2 ай бұрын

    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👍

  • @rafaelgoncalo-ct4cu
    @rafaelgoncalo-ct4cu2 ай бұрын

    Poderia usar o hook-form junto ?

  • @lawrencegregory2018
    @lawrencegregory20182 ай бұрын

    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

  • @FelipeCoutinho-vo5eg
    @FelipeCoutinho-vo5eg2 ай бұрын

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

  • @carloseduardoalvesdegodoi2455
    @carloseduardoalvesdegodoi24552 ай бұрын

    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?

  • @andreobala4552
    @andreobala45522 ай бұрын

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

  • @LipeTrips

    @LipeTrips

    2 ай бұрын

    vesper++

  • @vtexff4522
    @vtexff45222 ай бұрын

    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.

  • @EvilMaxE
    @EvilMaxE2 ай бұрын

    \o/

  • @MayconDouglas-ev8fn
    @MayconDouglas-ev8fn2 ай бұрын

    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!!

  • @jeffersonsilva6954
    @jeffersonsilva69542 ай бұрын

    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
    @marcioalemao70962 ай бұрын

    Agora vai poder criar site com react na darkweb

  • @joelanderson7398
    @joelanderson7398Ай бұрын

    onde acontecen as lives?

  • @Vinicius.dos.santos

    @Vinicius.dos.santos

    Ай бұрын

    Tambem queria saber

  • @Vinicius.dos.santos

    @Vinicius.dos.santos

    Ай бұрын

    Tambem queria saber

  • @FANDDAN
    @FANDDANАй бұрын

    Qual é esse navegador???

  • @ryckz6759

    @ryckz6759

    Ай бұрын

    Arc

  • @paulopanama
    @paulopanama2 ай бұрын

    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
    @orafael57442 ай бұрын

    first

  • @SrDephis
    @SrDephis2 ай бұрын

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

  • @jeancarlosdelaivieceli

    @jeancarlosdelaivieceli

    Ай бұрын

    Maquina de escrever, kkkkk