TypeScript not found

Adicionando superpoderes ao seu JavaScript

Diego Griep
Accenture Digital Product Dev
3 min readMay 19, 2020

--

Responda rápido: em quantos projetos você trabalhou e tinha alguma documentação?

Um dos grandes superpoderes do TypeScript é a tipagem de dados — e em tempo de compilação — o que ajuda muito o seu código a ser bem entendido e escalável para grandes aplicações.

A maneira como sua IDE trabalha com tipagem é algo para você nunca mais pensar: “estou escrevendo mais código usando TypeScript!”.

Imagine poder ver os erros no momento do desenvolvimento, sem depender de um F5 ou de um hot reload?

Se você já sabe JavaScript, sua curva de aprendizado será mínima. É possível escrever com o que há de mais moderno em se tratando de JavaScript sem se preocupar se seu ambiente de código vai suportar.

Já te convenci que TypeScript é algo incrível? Se não, vamos ver alguns exemplos em código.

Código que demonstra como o TypeScript automaticamente tipa uma variável.
Implicitamente, ao definir a variável número como 36, o TS identifica que é do tipo number.

Com Tuple, você pode definir os tipos possíveis de cada elemento de um array.

Código que implementa o tipo tuple.
A própria IDE informa os tipos válidos, nesse caso, string ou number.

Como criar seu próprio tipo

Código que mostra como ter seu próprio tipo.
Somente os valores declarados para o tipo FontWeight serão aceitos em font

Quem disse que a tipagem não pode ser dinâmica?
Ao usar keyof typeof é possível manter as opções de variações atualizadas.

Uma forma de deixar a tipagem mais dinâmica.
Fonte: https://twitter.com/benawad/status/1262422338802454535

Interfaces não têm nenhum impacto no tempo de execução do JS.
Com uma interface você pode evitar bugs ao impor a estrutura de um objeto.

Código que demonstra o uso de interfaces.

Em Arrays, a entrada do dado pode ser validada.

Uma maneira de como definir tipos para um array.
Com a interface Car, sabemos o tipo de valor para o array cars.

Para funções, você pode ter tipagem em argumentos e no valor que retorna da função.

Código sobre como tipar funções.
Se sua função não retorna um valor, o tipo pode ser :void.

Você pode utilizar ENUM para organizar valores relacionados.

Código sobre como usar enums.

TypeScript é uma poderosa aliada ao desenvolvimento, melhorando a qualidade e a inteligibilidade do código. Em breve, vamos falar mais sobre como criar componentes reutilizáveis com Generics.

TypeScript é uma poderosa aliada ao desenvolvimento, melhorando a qualidade e a inteligibilidade do código.

No próximo artigo vamos falar de como criar componentes reutilizáveis com Generics.

E você? Já usa TypeScript no seu dia a dia? Conta pra gente nos comentários! Quer participar de um time que compartilha conhecimento a todo momento? Clique aqui para saber mais sobre a Concrete e deixe o seu currículo.

Até a próxima!

--

--