Collection of TypeScript type challenges

English | 简体中文 | 日本語 | 한국어 | Português

Intro

~~by the power of TypeScript's well-known Turing Completed type system~~

High-quality types can help improve projects' maintainability while avoiding potential bugs.

This project is aimed at helping you better understand how the type system works, writing your own utilities, or just having fun with the challenges. We are also trying to form a community where you can ask questions and get answers you have faced in the real world - they may become part of the challenges!

You can also use some existing type utility libraries such as type-fest. There are also some stale packages (not actively maintained) that you could reference, like utility-types, ts-toolbelt, SimplyTyped.

Challenges

Click the following badges to see details of the challenges.

Note: Challenges work in the strict mode.

By Tags

By Plain Text

warm-up (1)

13・Hello World

easy (13)

medium (103)

hard (55)

extreme (17)

✨ Upcoming challenges

🔥 Start the challenge in TypeScript Playground

🚀 Start the challenge locally in your IDE or text editor with TypeScript language support

⚡️ Start the challenge in VS Code Extension

Recommended Readings

Official

Articles

Learn Advanced TypeScript Types
The Art of Type Programming
Type Query: jQuery Style Type Manipulation
TypeScript Deep Dive

Talks

Type Level Programming in Typescript

Projects / Solutions

🎥 Video Explanations and Solutions for every challenge!
Type Challenges Solutions
Type Gymnastics
TypeType Examples

Books

How to Contribute

There are several ways you can contribute to this project

Share your answers / solutions
Propose new challenges
Add more test cases to the existing challenges
Provide learning resources or ideas of how to solve challenges
Share the problems you have faced in real-world projects, regardless you having the solution or not - the community would help you as well
Help with others by discussion in issues
Contribute the infra of this project TODOs.md

Just open an issue and choose the corresponding template. Thanks!

Play Locally

You can build the challenges and play locally using your preferred IDE or text editor with TypeScript language support.

To do that, you will need the latest version of Node.js and pnpm installed.

After cloning the repo, installed the dependencies by:

pnpm install

Then and run the generate script:

pnpm generate

It will prompt you to select the desired language, then you can find the generated challenges in the ./playground folder.

Later if you want to update playground while keeping your changes:

pnpm generate --keep-changes

OR

pnpm generate -K

Thanks

This project was born from solving real-world types problem with @hardfist and @MeCKodo. And great thanks to @sinoon who contributed a lot while giving early feedback on this project.

Inspired by

Contributors

Star History

License

MIT

Uh oh!

License

type-challenges/type-challenges

ErrorLooks like something went wrong!

About

Topics

Resources

License

Code of conduct

Uh oh!

Stars

Watchers

Forks

Sponsor this project

Uh oh!

Uh oh!

Contributors 279

Uh oh!

Languages

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier! Saves Data!

Error
Looks like something went wrong!