Aprenda React - Curso interativo gratuito
Domine React escrevendo componentes de verdade desde a primeira lição: JSX, props, estado e eventos, e siga para o Next.js - rotas por sistema de arquivos, layouts, componentes de servidor, busca de dados e server actions. Tudo roda no seu navegador com dicas de IA quando você trava, e você ganha um certificado gratuito ao concluir.
3,171+ codders inscritos
89 lições78 desafios164 perguntas de quiz
- Ideal para iniciantes
Ajuda de codificação com IA
Lições interativas e práticas
Narração em áudio em todas as lições
Questionários para testar seu conhecimento
Certificado grátis de conclusão
Programa
Seção 1
Fundamentos
Começar seçãoIniciarAprenda a construir interfaces de usuário com React: componentes, JSX, props, estado e eventos, do seu primeiro componente a um mini app funcional.Conheça o React
5 lições513Expressões JSX
5 lições58Componentes
5 lições48Props
6 lições510Estado e Eventos
6 lições59Formulários e Entradas
5 lições47Condições e Listas
6 lições510Projeto: Cartão de Perfil
4 lições4Seção 2
Essenciais do Next.jsPágina própria
Começar seçãoIniciarVá além dos componentes React para uma aplicação real: roteamento baseado em sistema de arquivos, layouts, server e client components, busca de dados, server actions e um projeto completo em Next.js.Por que usar o Next.js
4 lições39Roteamento e Links
6 lições516Layouts e Metadados
6 lições515Servidor & Cliente
6 lições515Dados no Servidor
6 lições516Server Actions
5 lições413Navegação do Cliente
5 lições515Projeto: Coddy Eats
9 lições9
Aprenda Fazendo
Escreva código real, consulte bancos de dados, crie sites e domine prompts de IA. Nossas lições interativas cobrem todas as habilidades que desenvolvedores modernos precisam.
Construa Sua Sequência
Mantenha a consistência e veja seu progresso crescer! Acompanhe seu hábito diário de programação, proteja sua sequência com dias de congelamento e ganhe recompensas por aparecer todos os dias.
12 dias de sequência
Volte amanhã para manter sua sequência!
January 2026
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
21
22
23
24
25
26
27
28
29
30
Tudo ou Nada
Dia 5 de 7
Congelar Sequência
2 left
Onde Quiser
Leve sua jornada de programação com você! Sem configuração, sem downloads: apenas abra e comece a programar. Disponível no iOS, Android e Web com avaliações de 4.9 estrelas.
Você Não Está Sozinho
Compita em placares globais, convide amigos para ganhar recompensas e celebre as conquistas uns dos outros. Programar é melhor com amigos!
1
2
3
Zona de promoçãoAprenda de todas as formas
Leia, ouça, teste-se, pergunte à IA ou consulte qualquer coisa que já tenha estudado. Cada lição se adapta a você.
Uma variável é um contêiner nomeado que armazena um valor que você pode referenciar depois.
Em Python, você cria uma escrevendo o nome, um sinal de igual e o valor que quer armazenar.
O valor pode mudar com o tempo. Reatribuir o nome simplesmente o aponta para um novo valor.
Seja Certificado
Ganhe certificados para cada curso que você completar. Adicione-os ao seu perfil do LinkedIn e currículo para mostrar sua experiência em programação aos empregadores.
Certificado de ConclusãoFundamentos de Python
Adicionar ao LinkedInPor que aprender React com a Coddy
- Escreva JSX no navegador desde a primeira lição. Sem instalar Node, sem create-react-app, sem configurar build - cada lição entrega código de componente real para editar e executar.
- Um currículo que termina em apps de verdade: componentes, props, estado, eventos e hooks na seção de Fundamentos, e depois uma seção completa de Next.js - rotas, layouts, componentes de servidor e cliente, busca de dados e server actions.
- Dicas de IA que leem o seu código de verdade. Quando um componente não renderiza ou o estado não atualiza, você recebe um empurrão que aponta o bug sem entregar a solução.
- Um certificado gratuito de React ao concluir - um ótimo sinal para vagas de frontend, onde React continua sendo a biblioteca de UI mais requisitada.
Perguntas frequentes sobre aprender React
O que é React?
React é uma biblioteca JavaScript para construir interfaces de usuário a partir de componentes - funções pequenas e reutilizáveis que retornam marcação. Criada na Meta, ela move uma parte enorme da web moderna, do Facebook e Instagram aos produtos de milhões de startups, e é consistentemente a habilidade de frontend mais pedida nas vagas.
Preciso saber JavaScript antes de aprender React?
Você deve estar confortável com o básico de JavaScript - variáveis, funções, arrays e objetos. O curso apresenta os padrões de JavaScript em que o React se apoia (arrow functions, desestruturação, map) conforme eles aparecem, então não precisa ser especialista. Se você nunca programou, comece pela jornada de JavaScript.
React é difícil de aprender?
As ideias centrais - componentes, JSX, props - encaixam rápido porque lembram coisas que você já conhece: funções e HTML. Estado, efeitos e fluxo de dados pedem mais prática, e é por isso que cada lição faz você escrever e rodar código de componente de verdade em vez de só ler sobre o assunto.
Qual é a diferença entre React e Next.js?
React é a biblioteca de UI - componentes, estado, renderização. Next.js é um framework construído sobre o React que adiciona o que apps reais precisam: rotas por sistema de arquivos, layouts, renderização no servidor, busca de dados e server actions. O curso ensina primeiro os fundamentos de React e depois uma seção dedicada de Next.js leva você dos componentes a um app completo.
Posso aprender React online de graça?
Sim. O curso interativo de React é gratuito: lições práticas, desafios de código com feedback instantâneo, dicas com IA e quizzes. Tudo roda no navegador, então não há nada para instalar e você pode começar agora.
Ganho um certificado ao terminar o curso de React?
Sim. Ao concluir o curso você ganha um certificado gratuito de conclusão para adicionar ao LinkedIn ou ao currículo. Junto com os componentes e apps que você constrói pelo caminho, é uma prova concreta de habilidades práticas em React e Next.js.
