Aprender React - Curso Code

Um curso de React para quem quer aprender React com React js: de JSX a hooks, gerenciamento de estado e apps, com prévias em tempo real no celular. São 88 cursos, 324 lições interativas, níveis A1–C1 e 22 idiomas.

ESCREVA CÓDIGO NO CELULAR

• IDE/editor JSX: leia, programe, execute e veja prévias ao vivo. Sem notebook nem configuração.

• ReactDOM/Babel incluídos: execução no dispositivo, sem servidor.

• Projetos com vários arquivos, importação de componentes, botões/formulários interativos.

O LABORATÓRIO

• Hooks Lab: mudanças de estado e novas renderizações ao vivo.

• Props knobs: controles deslizantes de props.

• Render profiler/state timeline (Pro): o que renderizou de novo e por quê; navegue pelo histórico de estado.

PASSO A PASSO, DO INICIANTE AO AVANÇADO

• JSX, componentes, props, estado, eventos, listas/chaves, renderização condicional

• useState, useEffect, useRef, useReducer, hooks personalizados, useLayoutEffect e mais

• Formulários/validação, React Hook Form, campos controlados/não controlados

• Context, Redux Toolkit/RTK Query, Zustand, Jotai

• React Router, busca de dados, TanStack Query, SWR, UI otimista

• TypeScript, testes, Storybook, acessibilidade, segurança

• Memoização, divisão de código, Suspense, transições, listas virtualizadas

• React 19, Server Components, SSR/hidratação, streaming

• Next.js App Router, busca de dados, autenticação

• Noções de React native para desenvolvedores web

• Implantação, micro-frontends, federação de módulos

CRIE PROJETOS REAIS

20 projetos guiados: botão de curtir, cartões de perfil, calculadora de gorjeta, quiz, cronômetro, formulário de cadastro, carrinho de compras, carrossel de imagens, lista paginada, app de tarefas e mais. Cada etapa verifica o funcionamento do componente.

PRATIQUE ATÉ FIXAR

• 30 missões de programação: fáceis/médias/difíceis; hooks, renderização, formulários, contexto, desempenho.

• UI Match: recrie modelos; pontuação de estrutura/estilo/texto.

• Bug Hunt: encontre/corrija bugs nos componentes.

• Component Recall: restaure código ausente dos componentes com repetição espaçada.

• 50 perguntas de quiz; 50 perguntas de entrevista; guia de consulta rápida.

• Desafio diário, sequências de dias, XP, ranking.

MENTOR IA (PRO)

Explicações com IA, revisões de código, sugestões de correção e lições personalizadas sobre qualquer tema.

CERTIFICADO (PRO)

Passe no exame final para obter um certificado que você pode compartilhar.

PARA QUEM É

• Iniciantes que querem aprender React e sabem um pouco de HTML, CSS ou JavaScript

• Desenvolvedores que querem mudar de framework rapidamente

• Quem se prepara para entrevistas de desenvolvimento frontend

• Autodidatas que querem aprender React criando portfólios de projetos

GRÁTIS E PRO

Grátis: primeiro curso de React, um projeto guiado, 2 missões de programação, editor/prévia ao vivo, Hooks Lab, props knobs, Bug Hunt, 3 verificações do UI Match/dia; com anúncios.

Pro: todos os 88 cursos, todos os projetos/missões, mentor IA, render profiler/state timeline, exame de certificação; sem anúncios.

React e Next.js são marcas de seus respectivos titulares. App de aprendizado independente, sem afiliação ou endosso dos titulares das marcas.

Política de Privacidade: https://www.coddykit.com/terms/privacy-policy