TypeScript for JavaScript Developers

If you know JavaScript, you're already halfway to learning TypeScript. In this guide, I show you how to take the next step without feeling overwhelmed.

What is TypeScript?

TypeScript is JavaScript with types. It adds a static type system that runs at compile time, meaning your code is still JavaScript in the browser.

Why Use It?

• **Early error detection**: Find bugs before they reach production
• **Better IDE**: Accurate autocompletion, navigation, and refactoring
• **Living documentation**: Types document your code automatically
• **Scalability**: Facilitates teamwork and large projects

Basic Concepts

Primitive Types

let name: string = "Johandri"
let age: number = 31
let active: boolean = true

Interfaces

interface Developer {
  name: string
  languages: string[]
  experience?: number
}

Generics

function getFirst<T>(arr: T[]): T {
  return arr[0]
}

Gradual Migration

• Rename your .js files to .ts
• Add types only where needed
• Use `any` temporarily (but don't leave it permanent)
• Increase strictness gradually

Conclusion

TypeScript isn't perfect, but its benefits far outweigh the learning curve. Once you adopt it, you won't want to go back to plain JavaScript.