primeiros passos com typescript
TypeScript é um poderoso superset do JavaScript que adiciona tipos estáticos à linguagem. Se você está construindo aplicações web modernas, TypeScript pode melhorar significativamente sua experiência de desenvolvimento e qualidade do código.
Por que TypeScript?
JavaScript é dinamicamente tipado, o que significa que erros de tipo só aparecem em tempo de execução. TypeScript captura esses erros durante o desenvolvimento, tornando seu código mais confiável e fácil de manter.
Configurando
Instale o TypeScript no seu projeto:
npm install -D typescript @types/node @types/react
npx tsc --init
Tipos Básicos
// Tipos primitivos
const nome: string = 'João';
const idade: number = 25;
const ativo: boolean = true;
// Arrays
const numeros: number[] = [1, 2, 3];
// Objetos
interface Usuario {
nome: string;
idade: number;
email?: string;
}
const usuario: Usuario = {
nome: 'João',
idade: 25,
};
Inferência de Tipos
TypeScript pode inferir tipos automaticamente:
let mensagem = 'Olá'; // TypeScript sabe que isso é uma string
mensagem = 42; // Erro!
Generics
Generics permitem criar componentes reutilizáveis:
function identidade<T>(arg: T): T {
return arg;
}
const resultado = identidade<string>('Olá');
Próximos Passos
- Explore union types e intersection types
- Aprenda sobre utility types (Partial, Required, Pick, Omit)
- Pratique com projetos reais
TypeScript pode parecer desafiador no início, mas os benefícios valem a pena!