In one of my recent TypeScript projects, I designed a system that required different devices to support a set of common functionalities. In that, some devices could connect to Wi-Fi, others could stream content, and a few could do both. After searching for solutions, I found out that it can be done using the extends … Read more >>
While working on a TypeScript project, I needed to loop through an object and access its keys and values dynamically. At first, I used a regular for…in loop, but TypeScript code threw an “TS7053” error while looping through an object. In this tutorial, I’ll explain the different ways to loop through objects in TypeScript and … Read more >>
In TypeScript, both satisfies and as operators are used to work with types, but they behave differently. The satisfies operator checks that an object matches a specific type without losing extra properties. On the other hand, the as keyword forces a type on a value, even if it doesn’t fully match, which can lead to … Read more >>
As a TypeScript developer with over six years of experience, I’ve worked on numerous projects where even the simplest operations, such as adding two numbers, must be implemented correctly. While adding numbers might seem trivial, understanding the TypeScript approach to doing so opens doors to improved type safety and code quality. In this article, I’ll … Read more >>
Over the past six years, I’ve worked with TypeScript and witnessed its evolution, incorporating many powerful features. One operator that significantly improved type checking in my projects is the satisfies operator introduced in TypeScript 4.9. This operator has been a game-changer for ensuring type correctness while preserving type information. In this article, we will learn … Read more >>
While building a TypeScript project, I got a requirement where I had to handle different types of user profiles depending on the user’s state. Each profile had common fields but also unique details like beach preferences for California or BBQ choices for Texas. To handle this in a better way, I used TypeScript generic object … Read more >>
Recently, I was working on a TypeScript project where I had to iterate through a Record object that stored user information with unique IDs. The issue is that there are multiple ways to iterate over a record in TypeScript, and each method has its own advantages and disadvantages. In this article, I will cover five … Read more >>
While building a TypeScript app, I got an error caused by accidentally modifying data fetched from an API. To avoid such issues in the future, I used Readonly and other mapped types. It helped me to avoid the error by making parts of the data unchangeable. In this TypeScript tutorial, I’ll explain mapped types in … Read more >>
While developing a TypeScript-based web application, you created a feature that fetches user data from an API. Sometimes, the API is down or returns an error. To handle such cases without crashing the app, you used a try-catch block inside an async function. This way, if the API call fails, you can display an error … Read more >>
While I’m working on a web application, I needed a way to manage users, including storing their names, emails, and roles, and updating their details as required. Instead of writing the same code again and again for each user, I decided to use a TypeScript class. It helped me organize the code, add useful methods, … Read more >>