Jump to content

TypeScript

"Construa redes de segurança, não grades de proteção" (traduzido)

Avatar of @t3dotgg
Theo - Criador da T3 Stack @t3dotgg

Seja vocĂȘ um desenvolvedor novo ou experiente, achamos que o TypeScript Ă© obrigatĂłrio. Pode parecer intimidador no começo, mas, assim como muitas ferramentas, Ă© algo que muitos nunca voltam atrĂĄs depois de começar a usĂĄ-lo.

Ele fornece feedback instantĂąneo enquanto vocĂȘ escreve seu cĂłdigo definindo os tipos de dados esperados e fornece autocomplete em seu editor de cĂłdigo ou grita com vocĂȘ com linhas onduladas vermelhas se vocĂȘ estiver tentando acessar uma propriedade que nĂŁo existe ou tentando passe um valor do tipo errado, que de outra forma vocĂȘ teria que depurar mais adiante.

É, talvez, a ferramenta que mais produtividade oferece aos desenvolvedores; fornecer documentação do cĂłdigo que vocĂȘ estĂĄ escrevendo ou consumindo diretamente em seu editor e ter feedback instantĂąneo quando vocĂȘ inevitavelmente cometer erros Ă© absolutamente inestimĂĄvel.

InferĂȘncia de Tipos

Embora muitos novos desenvolvedores TypeScript se preocupem em escrever TypeScript, muitos de seus benefĂ­cios na verdade nĂŁo exigem que vocĂȘ altere seu cĂłdigo, em particular a inferĂȘncia. InferĂȘncia significa que se algo for digitado, esse tipo o seguirĂĄ ao longo do fluxo do aplicativo sem precisar ser declarado novamente em outros lugares. Isso significa que, por exemplo, uma vez que vocĂȘ tenha definido os tipos de argumentos que uma função usa, o restante da função geralmente serĂĄ typesafe sem exigir nenhum cĂłdigo adicional especĂ­fico do TypeScript. Os desenvolvedores de bibliotecas trabalham muito para manter os tipos de suas bibliotecas, o que significa que nĂłs, como desenvolvedores de aplicativos, podemos nos beneficiar da inferĂȘncia e da documentação integrada em seu editor de cĂłdigo fornecida por esses tipos.

Confira o vĂ­deo de Theo sobre como vocĂȘ pode estar usando o TypeScript errado↗.

Usos poderosos da inferĂȘncia de tipos

Zod

O Zod↗ Ă© uma biblioteca de validação de esquema construĂ­da sobre TypeScript. Escreva um esquema que represente uma fonte Ășnica de verdade para seus dados, e o Zod garantirĂĄ que seus dados sejam vĂĄlidos em todo o aplicativo, mesmo nos limites da rede e APIs externas.

Tanstack Query

O Tanstack Query↗ fornece consultas (queries) e mutaçÔes (mutations) declarativas, sempre atualizadas e autogerenciadas que melhoram diretamente as experiĂȘncias do desenvolvedor e do usuĂĄrio.

Recursos Úteis

RecursoLink
Manual do TypeScripthttps://www.typescriptlang.org/docs/handbook/↗
Tutorial de TypeScript para inicianteshttps://github.com/total-typescript/beginners-typescript-tutorial↗
Desafios de Tiposhttps://github.com/type-challenges/type-challenges↗
Rodney Mullen do canal do YouTube TypeScript (Matt Pocock)https://www.youtube.com/c/MattPocockUk/videos↗