guiafrontend
O básico para iniciar no frontend
Um roteiro de HTML, CSS, JavaScript, acessibilidade, Git e publicação, com exemplos e próximos passos para estudar React e TypeScript.
4 min
Ler Trilha3 artigos
Primeiros passos no frontend
Conheça os fundamentos da web, pratique estado e efeitos com Hooks e avance para os recursos do React 19. Entre as leituras, exercite HTML, CSS, JavaScript, JSX, componentes e props em um projeto pequeno.
Iniciante a intermediário — pratique JavaScript e componentes antes de Hooks
O que você vai praticar
Construir e publicar uma interface pequena, compreender estado e limpeza de efeitos e avaliar um recurso do React 19. Antes de Hooks, pratique JavaScript, JSX, componentes e props. Na última etapa, escolha uma mudança pequena em um projeto React e confira seu comportamento com a documentação oficial.
Sua lista e seu progresso ficam neste navegador, sem conta, e serão perdidos se os dados dele forem apagados.
Sua sequência de leitura
Etapa 1
Etapa 2
frontendO que são React Hooks? Entenda useState e useEffect
Aprenda estado, dependências e limpeza de efeitos com exemplos de React, regras de Hooks e orientações para evitar sincronizações desnecessárias.
4 minLerEtapa 3
frontendReact 19: novidades, exemplos e como atualizar
Entenda Actions, novos Hooks, metadados, Server Components e a migração para React 19, distinguindo SSR, Suspense e React Compiler.
5 minLer