TypeScript not found

Adicionando superpoderes ao seu JavaScript

Diego Griep
May 19 · 3 min read
Image for post
Image for post

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.
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.
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.
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.

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.
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.
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.
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.
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!

Concrete

Nós desenvolvemos produtos digitais com inovação, agilidade…

Diego Griep

Written by

Frontend Developer @ Concrete Solutions.

Concrete

Concrete

Nós desenvolvemos produtos digitais com inovação, agilidade e excelentes práticas, para que o mercado brasileiro e latino-americano acompanhe a velocidade do mercado digital mundial.

Diego Griep

Written by

Frontend Developer @ Concrete Solutions.

Concrete

Concrete

Nós desenvolvemos produtos digitais com inovação, agilidade e excelentes práticas, para que o mercado brasileiro e latino-americano acompanhe a velocidade do mercado digital mundial.

Medium is an open platform where 170 million readers come to find insightful and dynamic thinking. Here, expert and undiscovered voices alike dive into the heart of any topic and bring new ideas to the surface. Learn more

Follow the writers, publications, and topics that matter to you, and you’ll see them on your homepage and in your inbox. Explore

If you have a story to tell, knowledge to share, or a perspective to offer — welcome home. It’s easy and free to post your thinking on any topic. Write on Medium

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store