Next.js 14 Server Actions com Zustand e React Server Components

[@emersonmota1001]

Bruno, vc é uma enciclopédia, muito top!

[@DeveloperDeck101]

Obrigado Emerson

[@iansaftdev]

Top, era exatamente o que eu precisava saber, receba um inscrito tome hehe

[@DeveloperDeck101]

Que bom 💪🏻

[@davilsonromero8601]

Meu amigo parabens pelo video e muito obrigado, uma semana tentando e nada de conseguir até chegar no seu canal. Ja virei seu fã. Muito obrigado mesmo.

[@DeveloperDeck101]

Obrigado Davilson 💪🏻 Link do discord na página inicial. Entra lá.

[@raphaelamericano4115]

Estou iniciando no Nextjs e esse conhecimento sobre usar o store do zustand dentro de um server component me ajudou muito aqui. Obrigado. Mais um inscrito no canal

[@DeveloperDeck101]

Que bom Raphael! Da uma olhada n a playlist da masterclass de Nextjs

[@NathanOnCodes]

O canal desse cara é o melhor, logo vou assinar como membro.

[@DeveloperDeck101]

Obrigado Nathan 😊

[@marceloandrj]

Valeu Bruno, muito obrigado por compartilhar esse conhecimento e desafio.

[@DeveloperDeck101]

Obrigado Marcelo 💪🏻

[@igorjmelo]

Conteudo top demais!

[@DeveloperDeck101]

Obrigado Igor 💪🏻

[@pinheirovisky]

Vlw pelo vídeo! Foi uma ótima introdução pra mim que estava um pouco desatualizado com Next e ainda não tinha pego nada do zustand!

[@DeveloperDeck101]

Show Vinicius 💪🏻

[@romulopontual6254]

Boa inroducao ao Next, parabéns.

[@DeveloperDeck101]

Obrigado. Da uma olhada na playlist de Nextjs do canal

[@hamiceis]

Essa explicação componente cliente X Servidor com Zustand eu não sabia, muito obrigado por compartilhar seu conhecimento!

[@DeveloperDeck101]

Que bom que ajudou Hamiceis 🙏🏻

[@kageno8424]

Cara, tu é demais! Agradeço muito por trazer esses conteúdos incríveis pra gente. Aprendo demais com você!!

[@DeveloperDeck101]

Obrigado KageNo 🙏🏻 já entrou no nosso discord? Link na página inicial

[@reneperez5589]

Excelente aula! Muito obrigado pelos ensinamentos!

[@DeveloperDeck101]

Obrigado Renê 🙏🏻

[@guilherme-ribb]

muito bom to vendo todos seus videos

[@DeveloperDeck101]

Valeu Guilherme, muito obrigado? Entre no nosso discord tbm

[@iarlensantos3588]

excelente conteúdo! irei testar um pouco das server actions, estava com um pouco de receio, mas não tem como negar que é mais pratico que api routes.

[@DeveloperDeck101]

Obrigado Iarlen 🙏🏻 Da uma chance e prática que em Next, vai ser assim daqui pra frente.

[@arthurcandido9050]

Veio bem a calhar, estou em um projeto que pretendo implementar o zustand 🎉

[@DeveloperDeck101]

Show de bola! 😎

[@ulian-dev]

muito bom, obrigado pelo conteúdo

[@DeveloperDeck101]

Obrigado Ulian. TMJ

[@hgrafa]

Receita bolo de cenoura Ingredientes: 3 cenouras médias descascadas e picadas 3 ovos 1 xícara de óleo 2 xícaras de açúcar 2 xícaras de farinha de trigo 1 colher de sopa de fermento em pó Modo de Preparo: Preaqueça o forno a 180°C. No liquidificador, bata as cenouras, os ovos e o óleo até obter uma mistura homogênea. Em uma tigela, misture o açúcar e a farinha de trigo. Adicione a mistura do liquidificador à tigela com os ingredientes secos e mexa bem. Acrescente o fermento em pó e misture novamente. Despeje a massa em uma forma untada e enfarinhada. Leve ao forno preaquecido por aproximadamente 40 minutos, ou até que o bolo esteja dourado e firme ao toque. Deixe esfriar antes de desenformar.

[@DeveloperDeck101]

🤣

[@fernandonogueira2291]

Excelente video! Sou desenvolvedor na Espanha e estou começando a usar Zustand no projeto con Next e ja estava saindo fumaça da cabeça de como solucionar a questao do SSC... Obrigado!!

[@DeveloperDeck101]

Mas já aviso que não é recomendado utilizar o zustand com server components. Consulte a documentação.

[@fernandonogueira2291]

@@DeveloperDeck101 Vou checar. Obrigado!

[@fernandonogueira2291]

@@DeveloperDeck101 Estive olhando a doc e não achei nenhuma referência especifica a não usar con SSC. Vc saberia dizer pq não é recomendado?

[@DeveloperDeck101]

@fernandonogueira2291 pode ter mudado, mas antes tinha uma “notice” nos docs github.com/pmndrs/zustand/discussions/2200

[@fernandonogueira2291]

@@DeveloperDeck101 obrigado pela atenção! Vou repassar p ver se encontro alguma menção.

[@jheanbrizadao2429]

Brabo

[@DeveloperDeck101]

Top

[@maxwellalvesdesousa5153]

top demais!

[@DeveloperDeck101]

Obrigado Maxwell 🙏🏻 Link do discord na página inicial do canal 💪🏻

[@maxwellalvesdesousa5153]

@@DeveloperDeck101 já faço parte 🤭

[@DeveloperDeck101]

Só pra garantir 😂

[@raphaellima1348]

Vc é demais! Parabéns pelo trabalho. Sugestão seria muito legal trazer um projeto com webSockets, exemplo uma aplicação da uber.

[@DeveloperDeck101]

Obrigado Raphael 🙏🏻

[@jkpamio]

Muito bom o vídeo! O que mudaria se fosse para ser usar com 'use client'? Na documentação do Zustand eles falam algo sobre criar um provider, não tem muitas explicações, apenas códigos e acabei não entendendo muito bem.

[@DeveloperDeck101]

Na realidade não é muito recomendado usar o contexto em server components como eu fiz, apenas em client componentes. Apenas fiz para mostrar, mas com server components, existem outras técnicas mais avançadas que descartam esta utilização

[@matheuscapelanes7919]

Muito bom

[@DeveloperDeck101]

Valeu

[@kaianvasconcelos1999]

Muito bom viu

[@DeveloperDeck101]

Obrigado Kaian 💪🏻 entra lá no discord também

[@WallisonMouraDev]

Show de bola! Parabéns pelo conteúdo @DeveloperDeck101. Aquela pergunta/dúvida, utilizar Zustand, ContextApi ou Redux. Grande abraço camarada!

[@DeveloperDeck101]

Obrigado Wallison 🙏🏻 Eu sempre começo utilizando ContextApi e depois se vejo que preciso de algo mais, Zustand. Eu pessoalmente não gosto de Redux, muita receitinha de bolo. Mas funciona para muita gente. Não tem resposta certa, é testar e decidir por si mesmo

[@alcirm]

Sensacional...

[@DeveloperDeck101]

Obrigado Alcir 🙏🏻

[@jrvidotti]

Excelente vídeo!!

[@DeveloperDeck101]

Obrigado Júnior 🙏🏻 Link do discord na página inicial

[@matheusserafim758]

Deixe seu comentario no video

[@DeveloperDeck101]

Matheus 📣

[@aylton_21]

aguardando o curso aulas tops

[@DeveloperDeck101]

Disponível Aylton. Me manda um DM no discord que te mando o código de desconto de apoiador do canal.

[@GMP93]

"Deixe seu comentário". Ta na mão bro 🤣

[@DeveloperDeck101]

Kkkkkk tá valendo 💪🏻

[@jeffersonsouza3767]

Valeu pelo vídeo, muito bom! Algumas duvidas: O que acontece então ali é que eu torno as funções que necessitam de interação em client com use-client? Se eu usar react-hook-form, meu form deve passar a ser Client Component? Eu posso desestruturar o store do zustand da forma const post = usePostStore(state=>state.posts) sem perder a configuração de server component? Obrigadooo

[@DeveloperDeck101]

Basicamente Jefferson. Segue a mesma estrutura do vídeo.

[@eroshidev]

muito bom!

[@DeveloperDeck101]

O eivado Eroshi 🙏🏻

[@henriquekramer_]

Top!!

[@DeveloperDeck101]

Valeu ❤️‍🔥

[@gabrielalbanez5793]

Boraaaa

[@DeveloperDeck101]

Aereee

[@alexfullbrazil]

muito bom! ;)

[@DeveloperDeck101]

Obrigado Alex 🙏🏻

[@sandrofernandes5235]

como seria se eu fosse usar em um componente de busca? atualmente estou usando um estado no zustand, e usando o useEffect pra fazer a mudança toda vez que digito no imput de busca. Teria como fazer isso sem usar o useEffect? pra poder usar o server component.

[@DeveloperDeck101]

Eu acho que eu falei sobre isso em uma destas lives se não estou enganado Sandro [📽️ LIVE ] - Tutorial Nextjs 14 De qualquer modo, daria para usar server actions também

[@princehrb]

ainda etsou aprendendo, posso usar o react form hook normalmente com o server actions e server components?

[@DeveloperDeck101]

Tem alguns desafios, mas da para usar sim.

[@princehrb]

@@DeveloperDeck101 se puder apresentar esses desafios em um video agradeco seria util demais ja que essa biblioteca é bem agil.

[@jheanbrizadao2429]

[@DeveloperDeck101]

❤️‍🔥

[@iurymagano1877]

Nao tem como usar os dois juntos? tendo atualizacao no client e pelo servidor no state? quando atualiza o state pelo servidor apenas o servidor consegue resgatar esse dado, e mesmo processo com o client. teria alguma forma para ter essas duas atualizacoes em conjunto?

[@DeveloperDeck101]

Fala aí lury, blz? Eu que te pergunto 😄, testa aí e conta pra nós se dá pra usar os dois juntos.

[@danielsantos3464]

Muito bom o video, porem o zustand NÃO RECOMENDA o seu uso em Server Components, informação deixada bem clara no manual.

[@DeveloperDeck101]

Ótima info Daniel. github.com/pmndrs/zustand/discussions/2200

[@jheanbrizadao2429]

submit do comentário

[@DeveloperDeck101]

Validou com zod?

[@MarioTrazzi]

comentario

[@DeveloperDeck101]

😂😂😂 isso aí 💪🏻

[@gabrielalbanez5793]

Zustand e tipo um redux

[@DeveloperDeck101]

💪🏻

[@brainedev]

Muito bom

[@DeveloperDeck101]

Obrigado 🙏🏻