Server Components no React em 5 minutos!

Acompanhe a Rocketseat nas redes sociais:
Twitter: @rocketseat
Facebook: @rocketseat
Instagram: @rocketseat

[hiago.siva]

Estou enferrujado com React a quase 2 anos e durante o último fim de semana, tive que fazer um desafio tecnico pra uma vaga de fullstack, onde o foco era justamente uma aplicação em React 😂.... Mesmo enferrujado e tendo apenas 48H pra entregar, inventei de fazer com NextJs, e me deparei com essa mudança de paradigma envolvendo esses server/client components... Quebrei a cabeça por boas horas desenvolvendo, mas consegui entregar 😬!!!! amanhã tenho a entrevista técnica esse vídeo me deu boas bases para falar sobre os desafios que eu enfrentei enquanto corria contra o tempo 👏🏾👏🏾👏🏾

[tamicktom]

Voltem com os vídeos longos e mais aprofundados, era mó bão fazer um chá, sentar no pc, abrir o VS e ficar uma tarde de sábado acompanhando uma aulinha do Diego...

[aledepaulaaa]

Putz ajudou demais isso!!
era um detalhe importante que estava enfrentando de problemas no React.
Valeu Diego, arrasou cara!!!

[rafaelcasaque]

Comecei um projeto com o Next14, passei mt tempo pesquisando a melhor forma de usar os servers components dentro de client components. Era pra um módulo de login, onde eu queria que a requisição fosse por server side pra n dar erro de cors no meu backend. Vi que a maneira que recomendavam era meio feia, passando uma função dentro do action do form. Acabei conseguindo alcançar meu objetivo exportando uma função assíncrona de um arquivo com "use server", aparentemente funcionou corretamente e importando essa function no meu client component

[elvispalace]

Vídeo ficou bom. Agora falta o server actions 😊

[edualves]

Um vídeo super resumido e super eficaz! Esclareceu muito as possibilidades no novo Next.

[FredBCavalheiro]

Excelente explicação. Já estou fazendo a trilha de React atualizada.

[OctavioTosta]

Nao mudem o canal para videos curtos, por favor. Seus videos densos e com bastante conteudo são excelentes. Essa onda de videos curtos superficiais é ruim, não dá pra aprofundar nos detalhes.

[adlerspencer]

Além de via { children }, ainda é possível passar um 'server component: JSX Element' dentro de um 'client component' via props: <DevTools component={<ServerClock />} />

[douglasneves]

É como se fosse a lei da atracão: estou mergulhado no universo do Next.js 14, explorando suas funcionalidades e, justamente agora, surge um vídeo sobre o tema. Achei particularmente interessante a parte sobre o uso de contexto, algo que tenho refletido bastante para utilizar corretamente, agradeço pelo video ^^

[lucasnhimi]

Seus vídeos são excelentes! Parabéns pelo trabalho de vcs.

[agnaldojunior]

Nossa me salvou demais hoje. Vlww Diegão!!

[LuisFernandoGaido]

A tecnologia anda em ciclos, em espirais. Programadores inteligentes olham por cima dessas espumas e se atentam ao que é mais relevante, sem perder tempo em aprender e reaprender a fazer as mesmas coisas de jeitos diferentes.

React nasceu subvertendo conceitos de SSR, e depois se refez o adotando! Ai ai...

[liarleyev]

Que qualidade é essa meu mano? Rapaz 🤯🔥

[rawnato]

Sou do mundo backend a mais ou menos 25 anos e comecei a estudar NextJS essa semana! Tô achando bem legal! Esse vídeo ajudou bastante! Teria um exemplo no git ou algo assim disso que vc mencionou, pra dar uma olhada no código! Outra coisa! Typescript ou JS!?

[mariolopes]

achei bem legal o conceito. quanto mais performance melhor ❤

[braddoidao]

Mesmo assim é confuso conciliar os dois, pq tendo esse contexto com filtro de data sendo client e o restante sendo server, como tu faz pra atualizar os dados novos pra esse "SomeChart"? Pq dentro dum server tu nao pode instanciar um hook desse contexto por ex pra pegar os dados. Teria que em cascata, via props, "descer" esses dados entre todos os childrens desse contexto até chegar ao "SomeChart", além disso conciliar o atrito entre os dados buscados pelo server component e os atualizados, fornecidos pelo contexto

[EnnioSousa]

esse video foi um overview. tem algum vídeo com a explicação mais detalhada preferencialmente com demostração em código?

[VictorHugoMalheiro]

Eu não tinha entendido, agora faz total sentido...

[ronaldmuller]

Como passar parâmetros de um client component para um server component?