Can't Type

Learn TypeScript patterns

Learn

Sandbox

0 today

Type magic,
demystified.

Test your TypeScript instincts with quick-fire challenges, and study 107 patterns across 16 categories side by side.

free · no signup · takes 3 min

The spell

type DeepReadonly<T> = {
  readonly [K in keyof T]:
    T[K] extends object
      ? DeepReadonly<T[K]>
      : T[K];
};

type DeepReadonly<T> = {
  readonly [K in keyof T]:
    T[K] extends object
      ? DeepReadonly<T[K]>
      : T[K];
};

Revealed

type DeepReadonly<Settings> = {
  readonly theme: {
    readonly mode: "light" | "dark";
    readonly accent: string;
  };
  readonly notifications: {
    readonly email: boolean;
    readonly push: boolean;
  };
};

type DeepReadonly<Settings> = {
  readonly theme: {
    readonly mode: "light" | "dark";
    readonly accent: string;
  };
  readonly notifications: {
    readonly email: boolean;
    readonly push: boolean;
  };
};

Three paths to mastery

A pattern quiz, a spell book, and a type sandbox.

Play

Pick the better TypeScript pattern in 10 side-by-side code challenges. Daily and weekly seeds included.

Learn

107 patterns across 16 categories. Each shows the fragile approach, the resilient one, and why it matters.

Sandbox

Write TypeScript types and see them fully expanded. Explore utility types, mapped types, conditionals, and more.

You’re on Can't Type

Explore more from the series

See all on Can't Hub

Can't Maintain

React component API design. Props, composition, and patterns.

Can't Resize

Responsive design patterns. Media queries, flexbox, grid, and viewport units.

Can't Orchestrate

Container orchestration patterns. Docker, Kubernetes, CI/CD, and Helm.

Can't SEO

SEO best practices for Next.js. Meta tags, Open Graph, structured data, and more.

Can't UX

UX design patterns. Typography, spacing, color, hierarchy, layout, and forms.

Can't Explode

Chemistry challenges. Molecular stability, acid strength, bond energy, and electronegativity.

Can't Branch

Git best practices. Commits, branches, merges, PRs, hooks, and repository management.

Can't Test

Testing patterns. Unit tests, integration tests, mocking, test strategy, and CI.

Can't Query

API endpoint patterns. REST, GraphQL, WebSockets, auth, and error handling.

Can't Game

Game development patterns. Game loops, input, physics, rendering, AI, shaders, and netcode.

Can't Ticket

Agile ticket craft. User stories, acceptance criteria, story points, and splitting work the team can ship.

Open source

Built with Next.js, Material UI, and TypeScript. Contributions welcome.

Star

Contribute

Add challenges

Sponsor