Trilha React: tudo o que estudar, tópico por tópico

Sintaxe JSX, expressões em JSX, React.createElement, fundamentos do virtual DOM, ciclo de vida de renderização

Props de componentes, tipos de props, props padrão, fundamentos de estado, elevação de estado, imutabilidade

Eventos sintéticos, manipuladores de eventos, vinculação de eventos, eventos de formulário, delegação de eventos em React

Padrões de renderização condicional, renderização de listas com keys, importância da prop key, uso de fragments

CSS Modules, Tailwind CSS, styled-components, trade-offs de CSS-in-JS, padrões de className e sistemas de tema

Gerenciamento de estado com useState, efeitos colaterais com useEffect, arrays de dependências, funções de limpeza

Fundamentos da Context API, hook useContext, useReducer para estado complexo, padrões de dispatch

Extração de lógica reutilizável em hooks customizados, composição de hooks, convenções de nomenclatura, testes de hooks

useRef para acesso ao DOM e valores mutáveis, forwardRef, useImperativeHandle, gerenciamento de foco

Composição de componentes, padrões com children, componentes compostos, padrão de slots, inversão de controle

Padrão render prop, componentes de ordem superior, trade-offs entre padrões, migração para hooks

Componentes error boundary, componentDidCatch, getDerivedStateFromError, UIs de fallback, recuperação de erros

React.lazy, Suspense para divisão de código, imports dinâmicos, divisão baseada em rotas, prefetching

Roteamento client-side com React Router v6, rotas aninhadas, segmentos dinâmicos, route loaders e TanStack Router

Framer Motion, AnimatePresence, transições CSS em React, integração com GSAP, animações de layout e desempenho

Armadilhas de desempenho do Context, divisão de contextos, composição de providers, prevenção de re-renders desnecessários

Redux Toolkit, slices, seletores, middleware, stores Zustand, comparação de abordagens

Busca de dados com React Query/TanStack Query, SWR, cache, atualizações otimistas, invalidação

Componentes controlados vs não controlados, React Hook Form, Formik, validação, padrões de formulários complexos

React Hook Form, register e control, validação de formulários com Zod/Yup, fundamentos do Formik e field arrays

React DevTools Profiler, identificação de re-renders, estratégias de otimização de componentes, why-did-you-render

React.memo, useMemo, useCallback, quando aplicar memoização, armadilhas da memoização

React Testing Library, Jest, user-event, testes de hooks, mocking, testes de integração vs unitários

Roles ARIA, HTML semântico em React, navegação por teclado, suporte a leitores de tela, testes de acessibilidade (a11y)

Arquitetura Fiber, algoritmo de reconciliação, diffing do virtual DOM, fases de commit, scheduler

Renderização concorrente, useTransition, useDeferredValue, Suspense para busca de dados, streaming SSR

React Server Components, limites client vs server, 'use client'/'use server', streaming, payload RSC

React Compiler (React Forget), memoização automática, otimização de build, análise de bundle, tree shaking

Next.js App Router, server actions, Remix loaders, Astro islands, roteamento baseado em arquivos e estratégias de implantação

createPortal, padrões de modal, limites de Suspense, startTransition, useDeferredValue e padrões concorrentes

Compreensão do compilador do React 19, memoização automática, funcionalidades concorrentes (useTransition, Suspense) e modelo de renderização

Projetar arquiteturas de estado React escaláveis usando Zustand, Jotai, Valtio ou padrões de estado atômico para aplicações complexas

Uso do React DevTools Profiler, auditoria de useMemo/useCallback, estratégias de virtualização e análise de bundle para eliminar gargalos no React

Construção de arquiteturas React Server Component com streaming, hidratação parcial e padrões de composição server/client

Construção de aplicações React Native cross-platform: codebases compartilhados, otimizações específicas por plataforma e pontes de módulos nativos