A Deep Dive Into Advanced Typescript: A Live Coding Expedition
summary
Live coding shows concrete TypeScript tricks: use map types and template literal types to generate onAdd/onRemove handlers and chessboard keys, validate RGB strings at compile time with patterned template literals, and combine gap/margin permutations into optional CSS maps. Use never-based exhaustive checks to force compile-time coverage and a NoEmptyString type to reject "" inputs. Use infer plus recursion to extract return types and build readonly tuples of arbitrary length (practical limit ~999). A types-only arithmetic validator is on GitHub; numeric-range checks remain impractical. WID plugin helps inspect inferred results.
AI-written summary · about
chapters (8)
- 0:00Advanced TypeScript intro
- 1:03Map types and template literals
- 10:21Never type explained
- 19:07Type extraction with infer
- 21:58Recursion in TypeScript types
- 30:08Branded types for validation
- 36:34Calculator with advanced types
- 37:59Q&A
related talks
59mA Deep Dive into Advanced TypeScript: A Live Coding Expedition
48mDeep Dive into Advanced TypeScript: A Live Coding Expedition
44mA Deep Dive Into Advanced TypeScript: A Live-Coding Expedition
44mA Deep Dive Into Advanced TypeScript - A Live Coding Expedition
43mA Deep Dive into Advanced TypeScript: A Live Coding Expedition
54mThe Fun Side of Advanced TypeScript: An Interactive Coding Session
52mTypescript Deep Dive
01h 01mAdvanced TypeScript Type Utilities
