De Zero a Herói em TypeScript

O TypeScript torna seu código JavaScript mais seguro e fácil de gerenciar. Ele ajuda você a encontrar erros precocemente.

O TypeScript adiciona tipagem estática ao JavaScript. Ele se transforma em JavaScript puro quando você o executa.

Tipos básicos comuns:

  • number: para todos os números
  • boolean: true ou false
  • string: para texto
  • symbol: para IDs únicos
  • bigint: para números muito grandes

Anotações de Tipo: let name: string = "Alice"; let age: number = 30;

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

Funções: function greet(name: string): string { return "Hello, " + name; }

Use void se uma função não retornar nada: function logMessage(): void { console.log("Message sent"); }

Ferramentas Avançadas:

  • Type Aliases: Crie seus próprios tipos.
  • Interfaces: Defina a forma de objetos.
  • Enums: Use um conjunto de constantes nomeadas.
  • Tuples: Arrays de comprimento fixo com tipos específicos.
  • Generics: Crie código reutilizável que funciona com muitos tipos.
  • Utility Types: Use Partial, Pick ou Record para modificar tipos.

Melhores práticas para o seu fluxo de trabalho:

  • Use type para aliases simples e primitivos.
  • Use interface para formas de objetos.
  • Evite usar any. Isso quebra a segurança do seu código.
  • Use unknown se você ainda não souber o tipo.
  • Deixe o compilador inferir os tipos quando for óbvio.
  • Adicione anotações às suas APIs para maior clareza.

Dominar essas ferramentas ajuda você a construir aplicações grandes e estáveis.

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