React Server x Client Components: Quando usar cada um? - Next.js 13

Sabe aquele conceito que fala que “nada se cria, tudo se transforma”? Isso está sendo bem real no desenvolvimento web atualmente. Para obter a melhor performance possível e entregar valor para nossos usuários podemos utilizar #server e #client components, algo que o React criou e o #nextjs aperfeiçoou.

Nesse vídeo vou explicar todo o conceito por trás dos dois tipos de componentes e como eles agem na aplicação frontend através do processo de "hydration", tudo isso sendo feito automaticamente através do nextjs. Se você já trabalhou com PHP, CSHTML, ASPX, JSP ou algo do tipo acredito que irá ter até um pouco de nostalgia, mas ainda vendo a evolução acontecendo e explorando o melhor do Javascript para web.

👍 Gostou do vídeo? Curte e compartilha com alguém, isso ajuda muito o canal e faz com que o YouTube entenda que é relevante.
✌️ Se inscreva no canal com o sininho ativado 🔔 para não perder nenhum conteúdo novo!
🙌 Me siga nas redes sociais logo abaixo

CONTATO

CONTATO COMERCIAL

[codegus_]

Eai, acham que essas mudanças vem pra melhorar ou piorar o desenvolvimento web? Comenta ai!!

[geizielder]

A mais de 10 anos tenho conta no YouTube ; se fiz 6 comentarios ao longo desse tempo foi muito rsrs! . O conteúdo tá muito bom e estou seguindo a playliste.

[quvsrtz]

Sua didáctica é top Gus, me esclareceu varias duvidas, uma série ensinando next 14, ou um projeto do zero ao deploy seria fantástico .

[bruno]

Muito bom o conteúdo, amigo, me esclareceu algumas dúvidas. Se puder me tirar nova dúvida, por gentileza. Esse tipo de composição de componentes para segregar o que é cliente e server muda um pouco o jogo em relação a padrão de projeto no react, eu por exemplo costumava utilizar o padrão em que cada tela tem um arquivo index que tratava apenas da lógica dos estados e apenas passava como props o resultado dos dados para que um componente stateless de View exibir. Esse padrão alinhado com uma segregação por módulos deixava tudo muito bem organizado e escalável. Nesse novo modo de compor componentes, isso muda, entra em conflito com o padrão descrito por mim, porque exige que componentes contenham seu próprios estados. Você tem alguma sugestão de qual o padrão de projeto ideal e escalável para esse modo de desenvolver em react?

[pablohenrique-efym]

Você teria algum curso sobre o novo next?

[arthurleite]

Muito top! Uma dúvida: seria performático processar a página no lado server com node mas buscando os dados do banco exclusivamente através de API pelo client? Pergunto isso pq tenho uma aplicação web api e estava começando a fazer a SPA em React quando me deparei com a questão de SEO. Aí estou estudando um pouco de Next, mas tentando manter a ideia de um client consumidor das API sem reconstruir o backend. Valeu

[Novohabito-wjfd]

Duvida, se tudo oque esta no app renderiza no lado do servidor como o navegador carrega o conteudo enviado pelo servidor? Ele usa javascript para isso? Porque como o navegador recebe oque vem do servidor sem usar javascript para isso? Por que o componente client precisa de javascript e o componente do servidor não? Gostaria de entender melhor

[BrandevTech]

Essa é a parte mais confusa que estou achando do Next 14 e esperava encontrar a explicação nesse video. E se fosse o contrário? Um componente Server dentro de uma página Client?

[abcdefg]

olá, não encontrei o link para o projeto base?

[xuhpnmb]

por que as empresas não estão adotando o tailwind css?