//
Busque em todas as páginas da documentação
19 pages in this section.
14 exemplos para você começar com TypeScript + React -- 9 básicos e 5 intermediários.
Configure um projeto React com TypeScript, com um `tsconfig.json` bem configurado, entenda como os arquivos `.tsx` funcionam e aprenda as anotações de tipo principais que todo desenvolvedor React precisa.
Defina contratos de props claros e com segurança de tipo para seus componentes React usando interfaces e aliases de tipo do TypeScript. Cubra props obrigatórias, props opcionais, children, e
Type your component state correctly with useState and useReducer. Handle simple values, complex objects, nullable state, and discriminated union reducers.
Tipifique corretamente os manipuladores de eventos do React para cliques, envios de formulário, alterações de entrada, eventos de teclado e callbacks de eventos personalizados. Use os tipos de evento sintético do React
Type useRef correctly for DOM element references and mutable value containers. Understand the difference between read-only DOM refs and mutable refs, and when t
Crie contextos React totalmente tipados com createContext, providers tipados e hooks useContext type-safe. Lide com o problema do valor padrão de forma limpa.
Crie componentes e hooks React reutilizáveis e type-safe usando generics do TypeScript. Crie componentes que funcionam com qualquer tipo de dado, preservando a informação completa de tipo para os consumidores.
Use discriminated union types to model component props that change shape based on a variant or status field. Achieve exhaustive pattern matching so TypeScript c
Tipos utilitários do TypeScript para React - Partial, Pick, Omit, Required, ReturnType, e como compô-los em props de componentes.
Type API responses safely in React - fetch result types, Zod parsing, error narrowing, generic helpers, and runtime validation patterns.
Padrões TypeScript para React Server Components - tipos de componentes assíncronos, parâmetros e searchParams, assinaturas de Server Actions e props assíncronas.
Tipifique os route handlers do App Router do Next.js com NextRequest, NextResponse e parâmetros de rota tipados. Construa endpoints de API type-safe com contratos de requisição/resposta adequados.
Escreva código React que prospere sob as configurações mais rigorosas do TypeScript. Domine padrões para strictNullChecks, noUncheckedIndexedAccess e exactOptionalPropertyTypes.
TypeScript type narrowing in React - typeof, instanceof, in operator, discriminated unions, type predicates, and assertion functions.
Arquivos de declaração TypeScript para React - autoria de d.ts, aumento de módulo, tipos globais, declarações ambientais e tipagem de libs JS de terceiros.
Uma referência abrangente para expressões regulares JavaScript/TypeScript - sintaxe, flags, métodos e padrões do mundo real comumente usados em aplicativos React.
Um resumo condensado das 25 melhores práticas mais importantes, extraídas de cada página desta seção.
A single-page roundup of every highlight bullet from the 18 pages in the TypeScript + React section, grouped by source page so you can scan all 108 takeaways without opening each article individually.