image

Acesse bootcamps ilimitados e +650 cursos

50
%OFF
Article image
Robson Ezequiel
Robson Ezequiel06/05/2022 01:16
Compartilhe

5 motivos para você usar TypeScript nos seus projetos.

  • #TypeScript

 

O objetivo deste artigo é explicar os benefícios de usar o Typescript nos seus projetos. Se você já programa em Javascript então já podemos dizer que você já conhece Typescript.Mas se você anda confuso sobre o que realmente é o tal do Typescript e por que se deve usá-lo quando já temos disponível o Javascript então esse artigo é pra você. 

 

O que é TypeScript ? 

Typescript é uma linguagem de programação open source que foi desenvolvida e é mantida pela Microsoft. Ela foi projetada para o desenvolvimento de aplicações de larga escala e é importante ressaltar que ela e o Javascript são duas linguagens de programação completamente diferentes, embora o Typescript seja baseado em Javascript. Mas no dia a dia as pessoas se referem a ela como sendo um “superset” do Javascript o que quer dizer que qualquer código escrito em Javascript também é valido no Typescript. 

 

Motivos para usar Typescript nos seus projetos  

Tipagem 

Como sabemos, o Javascript não tem tipos, então é muito difícil controlar todos os parâmetros e variáveis que estivermos usando. Já que o Typescript é uma forma de Javasript só que com tipos, ele acaba fazendo com que o código fique mais legível e ainda por cima evita erros. 

Se liga nesse exemplo aqui:  

 

Sem definir um tipo: 

image 

 

Com tipo: 

image 

 

 

Usando Classes e interfaces 

Classes 

Como o C#, Java, C++ o Typescript também nos permite que usemos classes dentro de seus arquivos ts. Ele oferece total suporte para a palavra chave “Class” que foi introduzida no ES(Ecms Script) 2015. Typescript adiciona notações de tipo para que você possa expressar suas relações de classe entre as classes e outros tipos. 

Membros da Classe:  

 

image 

Adicionando membros na classe acima 

 

Campos 

Uma declaração de campo cria uma propriedade pública numa classe 

 

image 

Inicialização da propriedade: A propriedade inicializada ajusta o controle para que os campos da classe sejam inicializados pelo construtor. 

Veja o exemplo: 

 

Sem inicialização: 

image 

 

Com inicialização: 

image 

 

 

Interface  

A interface define a sintax que qualquer entidade precisa ter, ou seja, a interface define as propriedades, métodos e eventos que são seus membros. 

As interfaces não devem ser convertidas para Javascript elas são partes do Typescript. As interfaces não influenciam no runtime do Javascript. 

 

Implementação das interfaces em arquivos ts 

 

image 

 

Suporte dos editores 

Ao usar tipos os editores IDE acabam sendo de mais ajuda na hora de você programar. Eles podem oferecer sugestões mais precisas na hora de você escrever seu código. Qualquer erro de tipo é sinalizado pelo editor logo que ocorre. Tudo isso nos ajuda a escrever um código mais seguro além de resultar num aumento de produtividade. 

 

 

Compatibilidade com todas as plataformas e browsers 

Todo dispositivo, plataforma ou navegador que roda Javascript também roda Typescript. Depois que o compilador o traduz para Javascript. Normalmente todos os editores já trazem um compilador TS embutido (tsc) que pode ser chamado a partir do terminal. TS nos permite converter parte do código ou todo nosso aplicativo de uma vez quando instalamos o arquivo tsconfig.json na raiz do nosso diretorio. 

 

Bem pessoal, é isso! eu espero que ter ajudado a esclarecer um pouco suas dúvidas em relação ao Typescript e ter dado bons motivos para que você possa passar a usá-lo em seu código. 

Grande abraço e Keep coding. 

 

Compartilhe
Comentários (4)

RS

Roberto Santos - 26/06/2022 08:23

Excelente artigo. Ajuda bastante!

Jailson Souza
Jailson Souza - 24/06/2022 18:41

Excelente artigo, ira ajudar bastante.

Rafael Silva
Rafael Silva - 24/06/2022 14:34

Muito bom esse artigo.

Leandro Costa
Leandro Costa - 06/05/2022 07:24

Na dúvida e na necessidade, saiba os dois