Tag: TS

Running TypeScript Workspaces with Transpiled Internal Packages When working on large TypeScript projects, it is common to organize the codebase into multiple packages or modules. This helps in maintaining a clean and modular code structure. However, when it comes to running TypeScript workspaces with transpiled internal packages, it can be a bit challenging. In this…

Typescript Mapped Type with Filtered Keys When working with TypeScript, you may come across a situation where you need to create a mapped type that includes only certain keys from an existing type. This can be achieved by using a combination of mapped types and conditional types in TypeScript. Let’s say you have an existing…

Angular/TypeScript: How to Access Values Set Inside Promise then/catch When working with Angular and TypeScript, you may encounter situations where you need to access values that are set inside a Promise’s then or catch block. Promises are commonly used for handling asynchronous operations, such as making HTTP requests or querying a database. However, accessing these…

Chutzpah can’t find Typescript Jasmine tests in VS 2022 Test Explorer If you are using TypeScript with Jasmine for your unit tests in Visual Studio 2022, you may encounter an issue where Chutzpah, the test runner, is unable to find your TypeScript Jasmine tests in the Test Explorer. This can be frustrating, but fortunately, there…

How to Create a Type Predicate to Check for 2 Types of setState in React When working with React and TypeScript, it’s common to use the setState function to update component state. However, there are situations where you might want to restrict the types of values that can be passed to setState. In this blog…

You need to provide a parserOptions.project for Eslint If you are using Eslint to lint your TypeScript code, you might have come across the need to provide the parserOptions.project configuration option. This option is used to specify the path to your TypeScript configuration file (tsconfig.json) so that Eslint can understand your project’s TypeScript settings and…

How to Display the Date of When a Blog Was Created in Next.js and TypeScript When building a blog using Next.js and TypeScript, it’s important to display the date of when each blog post was created. This not only provides useful information to readers but also adds a professional touch to your website. In this…

TypeScript Generic Function Arguments Based on Type Key/Value(type) When working with TypeScript, it is common to come across scenarios where you need to define a function that accepts arguments based on a specific type key/value. In this blog post, we will explore different solutions to this problem. Solution 1: Using Conditional Types One way to…

Defining TypeScript Types for CommonJS Module If you are working with TypeScript and using CommonJS modules, you may encounter situations where you need to define types for CommonJS modules. In this blog post, we will explore different solutions to this problem. Solution 1: Using the `import` statement One way to define types for CommonJS modules…

Typescript: Generating an Interface Object from Another Interface Using keyof, but Renaming the Key Using a String Concatenation As a TypeScript developer, you may often come across situations where you need to generate a new interface object from an existing interface. TypeScript provides a powerful feature called keyof that allows you to extract keys from…