book

Livro de receitas do TypeScript

by Stefan Baumgartner

April 2025

Intermediate to advanced

422 pages

9h 33m

Portuguese (Portugal, Brazil)

O'Reilly Media, Inc.

Book available

Read now

Unlock full access

A quem se destina este livroO que é que este livro contém?Organização deste livroConvenções utilizadas neste livroUtilizar exemplos de códigoAprendizagem em linha da O'ReillyComo contactar-nosAgradecimentos
1.1. JavaScript com verificação de tipo1.2. Instalar o Typescript1.3. Mantém os tipos à parte1.4. Migrando um projeto para o Typescript1.5. Carregamento de tipos a partir de Definitely Typed1.6. Configurando um projeto Full-Stack1.7. Configurar os testes1.8. Escrever módulos ECMAScript a partir de URLs1.9. Carregando diferentes tipos de módulos no Node1.10. Trabalhar com Deno e Dependências1.11. Utilizar configurações predefinidas
2.1. Anotar eficazmente2.2. Trabalhar com qualquer e desconhecido2.3. Escolher o tipo de objeto correto2.4. Trabalhar com tipos de tupla2.5. Compreender as Interfaces Versus Aliases de Tipo2.6. Definir sobrecargas de funções2.7. Definição dos tipos de parâmetros2.8. Trabalhar com símbolos2.9. Compreender os espaços de nome de valor e de tipo
3.1. Modelação de dados com tipos de união e intersecção3.2. Definição explícita de modelos comtipos de união discriminados3.3. Verificação de exaustividade com atécnica Assert never3.4. Fixando tipos com contexto Const3.5. Limitando tipos com predicados de tipo3.6. Compreender o vazio3.7. Lidar com tipos de erro em cláusulas catch3.8. Criando modelos exclusivos ou com opcional nunca3.9. Usando efetivamente as Asserções de Tipo3.10. Utilizar assinaturas de índice3.11. Distinguir propriedades em faltae valores não definidos3.12. Trabalhar com Enums3.13. Definição de tipos nominais num sistema de tipos estruturais3.14. Ativar o preenchimento automático livre para subconjuntos de cordas
4.1. Generalização de assinaturas de funções4.2. Criar argumentos de funções relacionadas4.3. Livrar-te de tudo e de todos4.4. Compreender a instanciação genérica4.5. Geração de novos tipos de objectos4.6. Modificação de objectos com assinaturas de asserção4.7. Mapeamento de tipos com mapas de tipos4.8. Utilizar ThisType para definir isto em objectos4.9. Adiciona o contexto Const aos parâmetros de tipos genéricos
5.1. Gerir assinaturas de funções complexas5.2. Filtragem com never5.3. Agrupar elementos por tipo5.4. Removendo propriedades específicas do objeto5.5. Inferindo tipos em condicionais
6.1. Definir um sistema de eventos personalizado6.2. Criando retornos de chamada de evento comtipos de manipulação de cadeia de caracteres e remapeamento de chave6.3. Escreve uma função formatadora6.4. Extrair tipos de parâmetros de formato6.5. Lidando com limites de recursão6.6. Utilizar literais de modelo como discriminantes
7.1. Digitar uma função concat7.2. Escreve uma função promisify7.3. Escreve uma função de caril7.4. Digitar uma função curry flexível7.5. Escreve a função curry mais simples7.6. Criar um Enum a partir de uma tupla7.7. Dividindo todos os elementos de uma assinatura de função
8.1. Definir propriedades específicas Opcional8.2. Modificar objectos aninhados8.3. Remapeamento de tipos8.4. Obtendo todas as chaves necessárias8.5. Permitir pelo menos uma propriedade8.6. Permitir exatamente um e todos ou nenhum8.7. Conversão de tipos de união em tipos de intersecção8.8. Usando type-fest

9.1. Iterando sobre objetos com Object.keys9.2. Destacando explicitamente operações inseguras comasserções de tipo e desconhecidas9.3. Trabalhar com defineProperty9.4. Expandindo tipos para Array.prototype.includes9.5. Filtragem de valores nulos9.6. Extensão de módulos9.7. Aumentando globais9.8. Adicionando Módulos Não-JS ao Gráfico de Módulos
10.1. Escrevendo Componentes Proxy10.2. Escrever componentes controlados10.3. Digitando Hooks Personalizados10.4. Tipificação de componentes genéricos forwardRef10.5. Fornecer tipos para a API de contexto10.6. Digitação de componentes de ordem superior10.7. Digitando Callbacks no Sistema de Eventos Sintéticos do React10.8. Tipagem de componentes polimórficos
11.1. Escolher o modificador de visibilidade correto11.2. Definindo explicitamente as substituições de métodos11.3. Descrevendo Construtores e Protótipos11.4. Usando Generics em Classes11.5. Decidindo quando usar classes ou espaços de nome11.6. Escrevendo Classes Estáticas11.7. Trabalhando com a inicialização estrita de propriedades11.8. Trabalhando com esses tipos em classes11.9. Escrevendo Decoradores
12.1. Escrever tipos de baixa manutenção12.2. Refinamento de tipos passo a passo12.3. Verificação de contratos com satisfaz12.4. Teste de tipos complexos12.5. Validando tipos de dados em tempo de execução com Zod12.6. Contornar as restrições de acesso ao índice12.7. Decidindo se deve usarsobrecargas de função ou tipos condicionais12.8. Nomeando genéricos12.9. Prototipagem no Playground do TypeScript12.10. Fornecimento de várias versões de biblioteca12.11. Saber quando parar

Content preview from Livro de receitas do TypeScript

Capítulo 10. TypeScript e React

Este trabalho foi traduzido com recurso a IA. Agradecemos o teu feedback e comentários: translation-feedback@oreilly.com

React é, sem dúvida, uma das bibliotecas JavaScript mais populares dos últimos anos. A sua abordagem simples à composição de componentes mudou a forma como escrevemos aplicações front-end (e, até certo ponto, back-end), permitindo-te escrever código UI de forma declarativa utilizando uma extensão de sintaxe JavaScript chamada JSX. Não só este princípio simples foi fácil de aprender e compreender, como também influenciou dezenas de outras bibliotecas.

O JSX é, sem dúvida, um divisor de águas no mundo do JavaScript e, com o objetivo do TypeScript de atender a todos os desenvolvedores de JavaScript, o JSX encontrou seu caminho no TypeScript. Na verdade, o TypeScript é um compilador JSX completo. Se não tiveres necessidade de pacotes ou ferramentas adicionais, o TypeScript é tudo o que precisas para pôr a tua aplicação React a funcionar. O TypeScript também é imensamente popular. No momento em que este artigo foi escrito, as tipagens React no NPM registaram 20 milhões de downloads por semana. As fantásticas ferramentas com o VS Code e os excelentes tipos fizeram do TypeScript a primeira escolha para os programadores React em todo o mundo.

Enquanto a popularidade do TypeScript entre os desenvolvedores do React continua inabalável, uma circunstância torna o uso do TypeScript com o React um pouco difícil: o TypeScript não é a primeira ...