Construa Interfaces Reais com React
React é a biblioteca JavaScript que define como a maioria das UIs de produção são construídas hoje — desde aplicativos de página única e sites Next.js até aplicativos móveis e desktop multiplataforma. Este track aborda a disciplina completa: arquitetura de componentes, gerenciamento de estado, busca de dados, performance, testes e deployment. Ele é fundamentado em como React realmente funciona — o reconciliador, o modelo fiber, a semântica de hooks — não apenas sua API de superfície.
O Que Você Aprenderá
Você começará com JSX, props, state e componentes controlados, depois avançará para useEffect, useRef e useReducer. Cursos práticos cobrem roteamento com React Router v6, tratamento de formulários com React Hook Form, estado de servidor com React Query e SWR, estado global com Redux Toolkit, Zustand e Jotai. Você trabalhará com TypeScript em React, escreverá testes de integração e E2E, construirá design systems com Storybook, tratará UIs em tempo real sobre WebSockets e entregará APIs type-safe com tRPC. O caminho também inclui Next.js App Router, server components, server actions e autenticação com NextAuth.js.
O Caminho de Aprendizado
Noventa e cinco cursos vão de A1 até C1. Os cursos A1 e A2 estabelecem os fundamentos de React, renderização JSX, animações CSS, persistência de localStorage e dark mode. Os cursos B1 constroem confiança com padrões de context, i18n, React Spring, Framer Motion, drag-and-drop com dnd-kit e tabelas de dados complexas com TanStack Table. Os cursos B2 abordam renderização e memoização, Suspense, code splitting, React Native para desenvolvedores React, deployment para Vercel e AWS, e Electron para aplicativos desktop. O nível C1 finaliza com tópicos avançados: Arquitetura de Micro-Frontend, SSR e Hydration Deep Dive, Module Federation, Islands Architecture com Astro, integração com WebAssembly, Edge Rendering com Cloudflare Workers e OpenTelemetry para observabilidade frontend.
Como Funciona
Cada curso é dividido em aulas curtas e focadas que você completa no editor de código integrado com feedback em tempo real. Um tutor IA está disponível sempre que você ficar preso em um conceito ou em um teste que falhar. Você pode percorrer o track sequencialmente ou ir direto para o nível que corresponda à sua experiência atual.