TypeScript Tips

Make bugs impossible.
One TypeScript tip at a time.

I like the tricks :) – Kasia

Avoiding window as any

@RiccardoOdone • Suggest a tip •

You can avoid type casts by defining globals in a d.ts file.

const myGlobal = (window as any).__MY_GLOBAL__
//    ^? const myGlobal: any ⛔️

// global.d.ts

declare global {
  interface Window {
    __MY_GLOBAL__: number
  }
}

export {} // Needed to augment global scope

// main.ts

const myGlobal = window.__MY_GLOBAL__
//    ^? const myGlobal: number ✅
Type-safe carousel Do not throw Filter using a type assertion Use precise types Type-safe string templating Enumerating a union type Numbers with units Zero null Enumerating statuses And types Avoiding window as any Use descriptive values Check authorization with types Extract union types from record types Keep in sync with conditional types Type-safe pick Pass arguments by name Pick instead of duplicating Prevent mutations Type aliases Model with different types Prefer static types over tests Push conditionals down Type-level functions Check Authorization With Types (again) From Union to Tuple Limit types Laser-focused types Callable types Partial considered harmful Satisfy types WTH?! Parse, don't cast Narrow types Fetch footgun Model with different types (2) Polymorphic types Parse, don't cast (again) Type-safe env Object vs Record const Type Parameters Dig Type checks Expand intellisense Numbers with units (2) Unchecked indexed access Extract instead of duplicating

TypeScript Tips

Crafted with 💛 by Riccardo