TypeScript Concepts

Master TypeScript through interactive visualizations. Explore type narrowing, generics, utility types, and advanced patterns.

Foundations3

Easy

TypeScript Basics

Type annotations, primitives, and basic inference

7 key points3 examples

Med

Type Narrowing

Refining types with control flow and type guards

7 key points3 examples

Med

Generics

Reusable, type-safe code with type parameters

7 key points3 examples

Utility Types3

Med

Utility Types

Built-in type transformers: Partial, Pick, Omit, and more

7 key points3 examples

Hard

Mapped Types

Transform object types property by property

6 key points3 examples

Hard

Conditional Types

Type-level ternary with `extends` and `infer`

6 key points3 examples

Advanced3

Hard

Advanced Generics

Recursive types, variadic tuples, and builder patterns

7 key points3 examples

Med

Type Assertions & Guards

Safe vs unsafe type coercion patterns

7 key points3 examples

Hard

Declaration Files

.d.ts files, ambient declarations, and module augmentation

7 key points3 examples

React + TS3

Med

TypeScript React Components

Typing props, children, events, and component patterns

7 key points3 examples

Med

TypeScript React Hooks

Typing useState, useRef, useReducer, and custom hooks

7 key points3 examples

Hard

Advanced React + TS Patterns

Polymorphic components, typed context, and generic lists

6 key points3 examples

Interview3

Hard

Tricky TS Interview Questions

Structural typing, variance, and type system gotchas

7 key points3 examples

Med

Strict Mode Deep Dive

tsconfig strict flags and what each one catches

7 key points3 examples

Med

JavaScript to TypeScript Migration

Incremental migration strategies and common blockers

7 key points3 examples