Navigating TypeScript Performance for Better Dev Experience
summary
Shows how to find and fix TypeScript compiler hotspots using compiler flags and traces: run diagnostics, listFiles and showConfig, generate a Chrome trace via generateTrace producing trace.json + types.json, and summarize bottlenecks with analyzeTrace. Gives concrete wins: upgrading TypeScript cut a 35s check to 12s, refactoring styled-components reduced a 14s page check to ~2.4s, and splitting massive union types (Redux Toolkit) yields ~60% faster checks; recommends incremental builds, named type aliases, and preferring interfaces when it flattens shapes.
AI-written summary · about
chapters (9)
- 0:00Introduction to TypeScript performance
- 2:33Developer-focused tooling importance
- 3:37Compiler performance pain points
- 8:10How TypeScript compiler works
- 13:28Do less work for better speed
- 13:48Debugging TypeScript performance
- 25:45Improving TypeScript performance
- 32:41Advanced optimization techniques
- 34:06Summary and closing remarks
