Node.js + Express + TypeScript: req.query type
When working with Node and Express.js, there might be cases where you need to access req.query, an object that contains the property for each query string parameter in the route. For example, given a route like…
2 Ways to Merge Objects in TypeScript
This quick article shows you 2 different approaches to merging 2 or more objects in TypeScript. Without any further ado, let’s get our hands dirty. Using the spread operator There are some important things you need…
2 Ways to Extend Types in TypeScript
This short and straightforward article shows you a couple of different ways to extend a type in TypeScript. Without any further ado, let’s see the code. Using the “extends” keyword Example: Using the “&” operator Example:…
React + TypeScript: Using setTimeout() with Hooks
This succinct, practical article walks you through a complete example of using the window.setTimeout() and window.clearTimeout() methods in a React application that is written in TypeScript. We’ll use functional components with hooks (useState, useEffect, and useRef)….
React + TypeScript: setInterval() example (with hooks)
This practical article walks you through a complete example of using the window.setInterval() method in combination with hooks (useState, useEffect, and useRef) in a React application that is written in TypeScript. No more rambling; let’s unveil…
TypeScript: Tuple Examples
In TypeScript, a tuple is a specific type of array which has the following characteristics: The number and order of elements are fixed and must be adhered The type of each element is predefined and strict…
TypeScript: Object with Optional Properties
In TypeScript, you can specify that some or all properties of an object are optional. To do so, just add a question mark (?) after the property name. Example: Output: Further reading: TypeScript: Using Variables to…
TypeScript: Using Variables to Set Object Keys
There might be cases where you want to use a variable as a dynamic key of an object in TypeScript. The following examples will show you how to do that. Example 1 Output: Example 2 Output:…
Using Rest Parameters in TypeScript Functions
In TypeScript, you can use the spread operator (…) as the final parameter of a function. All of the arguments (except the ones that were explicitly declared before the three dots) passed to that function will…
TypeScript: Function with Optional and Default Parameters
In TypeScript, a function can have optional and default parameters. In order to make a parameter optional, we can postfix it with a question mark (?). We can provide a default value to a parameter by…
Express + TypeScript: Extending Request and Response objects
This article shows you how to add new properties to an Express request object (we often deal with this task when working with middleware) or an Express response (not too common but may be necessary in…
React + TypeScript: Working with Radio Button Groups
The end-to-end example below covers the most important aspects you need to know when working with radio button groups in a React application written in TypeScript. We will write code from scratch and use the modern…