TypeScriptTips

Make bugs impossible.
One TypeScript tip at a time.

I like the tricks :) – Kasia

Object vs Record

@RiccardoOdone•Suggest a tip•

Object is prolly not the right type you want.

const aNaN: Object = NaN
// ⛔️ No type error

const a1: Object = 1
// ⛔️ No type error

const aObject: Object = { a: 1 }
// ✅ No type error

type Obj = Record<string, unknown>
// or
// type Obj = { [key: string]: unknown }

const aNaN: Obj = NaN
// ✅ Type error

const a1: Obj = 1
// ✅ Type error

const aObject: Obj = { a: 1 }
// ✅ No type error
Type-safe carouselDo not throwFilter using a type assertionUse precise typesType-safe string templatingEnumerating a union typeNumbers with unitsZero nullEnumerating statusesAnd typesAvoiding window as anyUse descriptive valuesCheck authorization with typesExtract union types from record typesKeep in sync with conditional typesType-safe pickPass arguments by namePick instead of duplicatingPrevent mutationsType aliasesModel with different typesPrefer static types over testsPush conditionals downType-level functionsCheck Authorization With Types (again)From Union to TupleLimit typesLaser-focused typesCallable typesPartial considered harmfulSatisfy typesWTH?!Parse, don't castNarrow typesFetch footgunModel with different types (2)Polymorphic typesParse, don't cast (again)Type-safe envObject vs Recordconst Type ParametersDigType checksExpand intellisenseNumbers with units (2)Unchecked indexed accessExtract instead of duplicating

TypeScriptTips

Crafted with 💛 by Riccardo