veja nossos vídeos mais recentes e esteja por dentro de muitas novidades.

Explorando a estrutura gerada pelo Create React App, entendendo o papel das pastas public e src, os conceitos de Virtual DOM, JSX e componentes, além de como o CSS é aplicado nos projetos React.

Explorando a criação de um layout fixo para a aplicação React, com barra lateral, barra superior e área dinâmica para conteúdo. Utilizando o React Router Dom v6 para gerenciar navegação entre rotas.

Abordando técnicas para organizar estilos em React, utilizando seletores CSS, CSS Modules, integração com React Router, reset CSS eficiente e boas práticas para garantir consistência visual e manutenibilidade.
Vamos explorar na prática as diferenças entre Server Components e Client Components no Next.js, continuando a discussão teórica iniciada no vídeo anterior.
Criamos uma rota /posts que faz uma requisição à API JSONPlaceholder para listar posts. Inicialmente, implementamos como Server Component, mostrando como:
Ao tentar adicionar um evento de clique diretamente na Server Component, encontramos um erro - eventos de interatividade não funcionam em Server Components pois são executados apenas no servidor.
Para resolver, adotamos a estratégia de mover a interatividade para "folhas" da árvore de componentes:
Post separado para cada itemPost em Client ComponentPostEssa abordagem nos permite:
Exploramos também como as variáveis de ambiente se comportam diferentemente em Server e Client Components:
NEXT_PUBLIC_ são disponibilizadas ao clienteEssa separação é crucial para segurança, especialmente quando lidamos com chaves de API ou conexões com bancos de dados.
Para estruturar seus componentes de forma eficiente:
O modelo híbrido de Server e Client Components no Next.js representa uma evolução significativa no desenvolvimento web:
Para projetos complexos, essa separação clara entre partes estáticas e interativas pode significar:
Lembre-se: a chave está em entender quais partes realmente precisam ser interativas e isolar apenas essas como Client Components, mantendo o máximo possível no servidor para melhor performance e segurança.