TypeScript
Last updated:
This is ever-growing guide with my best articles, tips and resources for learning TypeScript. Find what you need by the format of what you use to learn best!
Articles
A handful of articles I’ve written on topics related to TypeScript, which can support you in your learning journey.
How TypeScript Makes You a Better JavaScript Developer
If you’re on the fence about learning TypeScript, read this article. It covers many of the reasons why TypeScript is worth the learning investment as a JS developer.
How to Contribute to Open Source TypeScript Projects
Contributing to open source projects is one of the best ways to learn TypeScript! This breaks it down into various levels and provides examples of how you can level up via OSS contributions. For me, the biggest learning came from contributing to TypeScript itself.
Practical Ways to Advance Your TypeScript Skills
If you already know TypeScript and want to take it to the next level, this article provides a lot of practical tips for getting there.
How to Migrate a React App to TypeScript
For those working on the front-end, this article provides a guide for migrating your React app to TypeScript using a practical example - timezoner, a Chrome extension I wrote in React.
React with TypeScript: Best Practices
Leaning heavily on what I’ve learned from the react-typescript-cheatsheet project (reading and maintaining), this project discusses the best practices around React and TypeScript.
Using ESLint and Prettier in a TypeScript Project
Whenever I need to set up ESLint, Prettier and TypeScript in a project, this is my go to resource.
Books
A few books out there worth checking out.
Programming TypeScript
I read this book when I was first learning TypeScript. I have yet to write up my thoughts on it, but I highly recommend it. I learned a ton.
Effective TypeScript Book Review
I wrote an article sharing my notes and thoughts from this book. It’s not bad. If you read “Programming TypeScript” first, you may not get much out of this book.
Code
Sometimes people learn best by reading source code. Here are some recommendations.
Timezoner Extension
Originally written in JavaScript, I migrated this project - a Chrome extension written in React - to TypeScript. It’s a small project so it may be a good place to see the basics of TS in a production scenario.
The Super Tiny TS Compiler
While committing to #100DaysOfTypeScript, I decided to follow a JavaScript tutorial about building a compiler in TypeScript.
TypeScript Contribution
After reading a few books and building a few toy projects, I wanted a new challenge to level up my skills. Here is a link to a small contribution I made to TypeScript, the language itself. It should show you a little bit about the internals, how it works and how tests work.
TypeScript Cheatsheets
This repository is full of cheatsheets for using TypeScript with various technologies including React, Vue, GraphQL, Node, React Native and more.
🔗 Link to typescript-cheatsheets
Tips
These are shorter bits. It might be a short video or a short article that explains a specific thing.
Ultralearning TypeScript: Lessons Learned
To learn TypeScript deeply, I did an ultralearning project. This is a link to some of the lessons I learned after reflecting on the journey.
Understanding Mapped Types in TypeScript
I wanted to better understand mapped types in TypeScript, so I wrote a short article about it.