De Zero a Herói em TypeScript

O TypeScript torna seu código JavaScript mais seguro. Ele ajuda você a encontrar bugs antes de executar seu código. Este guia cobre o caminho dos conceitos básicos aos avançados.

O TypeScript adiciona tipagem estática ao JavaScript. Ele transforma seu código em JavaScript puro para o navegador.

Tipos Básicos

  • number: inteiros ou decimais
  • boolean: true ou false
  • string: texto
  • symbol: identificadores únicos
  • bigint: inteiros grandes

Anotações de Tipo Você define tipos durante a criação de variáveis: let name: string = "Alice"; let age: number = 30;

Arrays e Objetos

  • Arrays: let fruits: string[] = ["apple", "banana"];
  • Objetos: let user: { name: string; age: number } = { name: "Bob", age: 25 };

Funções Você pode especificar o que uma função recebe e o que ela retorna. Use void se a função não retornar nada. function greet(name: string): string { return "Hello, " + name; }

Estruturas Avançadas

  • Type Aliases: Define um nome personalizado para um tipo.
  • Interfaces: Define a forma de um objeto.
  • Enums: Cria um conjunto de constantes nomeadas.
  • Tuples: Cria um array com um número fixo de elementos e tipos específicos.

Lógica Complexa

  • Union Types: Permite que uma variável contenha mais de um tipo.
  • Intersection Types: Combina múltiplos tipos em um só.
  • Generics: Cria componentes reutilizáveis que funcionam com muitos tipos.
  • Utility Types: Usa ferramentas integradas como Partial ou Pick para alterar tipos.

Melhores Práticas

  • Use type para aliases simples e primitivos.
  • Use interface para formas de objetos.
  • Evite usar any. Isso remove a segurança do TypeScript.
  • Use unknown em vez de any quando não tiver certeza do tipo.
  • Deixe o compilador inferir os tipos quando o código estiver claro.

O TypeScript ajuda você a construir grandes aplicações com confiança.

Fonte: https://dev.to/miasalazar/from-zero-to-hero-in-typescript-425j