Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
TypeScript Articles
Page 4 of 8
How to use Record type in typescript?
In TypeScript, the Record type is a powerful tool that allows you to define an object type with specific keys and corresponding value types. This tutorial will guide you through the fundamentals of using the Record type, providing syntax explanations and practical examples along the way. Whether you're a beginner or already familiar with TypeScript, this tutorial will help you understand how to leverage the Record type effectively in your projects. Syntax The syntax to create a Record type in TypeScript is straightforward. The type definition starts with the keyword Record, followed by angle brackets () containing the key and ...
Read MoreHow to Get Window History in TypeScript?
The user’s history of visited web pages is represented via the window.history object. A history of the pages that have been loaded is stored in an array called the history object. The history object only provides a finite amount of information. The history object only has a few properties and methods since it is impossible to know where the current URL is located within the history object. The previous URL in the history list is loaded using the history.back() method. The second method of history is the forward() method, which loads the following URL in the history list. It is ...
Read MoreHow to Fix Absolute Imports in TypeScript?
Introduction When working on TypeScript projects, organizing and managing module dependencies is essential for maintaining a clean and scalable codebase. Absolute imports offer a convenient way to reference modules using a fixed path relative to the project's root directory. However, configuring and fixing absolute imports can sometimes be challenging, especially for beginners. In this tutorial, we will explore various scenarios where absolute imports may encounter issues and discuss practical solutions to resolve them. By the end, you'll understand how to fix absolute import problems in TypeScript effectively. Scenario 1: Missing TypeScript Configuration Before utilizing absolute imports, we must ensure that ...
Read MoreHow to draw Regular Polygon in TypeScript?
Regular polygons, such as squares, triangles, and hexagons, are fundamental shapes used in various applications and graphics. Drawing regular polygons programmatically can be useful in TypeScript, allowing you to create geometric shapes dynamically. In this tutorial, we will explore how to draw regular polygons in TypeScript by leveraging basic mathematical principles and the HTML5 canvas element. Syntax function drawRegularPolygon(ctx: CanvasRenderingContext2D, n: number, x: number, y: number, r: number): void { const angle = (Math.PI * 2) / n; ctx.beginPath(); ctx.moveTo(x + r, y); for (let i = 1; i
Read MoreObject - Oriented Terms Supported by TypeScript
Object-oriented programming (OOP) is a popular programming paradigm that has been widely adopted in the software development industry. OOP is based on the concept of objects, which are instances of classes that encapsulate data and behaviour. TypeScript, a statically typed superset of JavaScript, is designed to support the development of large-scale applications and is also an object-oriented programming language. In this article, we will explore the object-oriented terms supported by TypeScript. Below we discuss various object-oriented terms supported by TypeScript. Class In TypeScript, a class is a blueprint for creating objects that define a set of properties and methods that ...
Read MoreHow is Declaration Merging done in TypeScript?
Introduction TypeScript offers powerful features that enhance JavaScript development. One such feature is declaration merging, which allows developers to combine multiple declarations of the same entity into a single definition. This tutorial will introduce you to the concept of declaration merging in TypeScript and provide examples to help you understand its practical implementation. Declaration Merging Basics Declaration merging in TypeScript enables the compiler to merge multiple declarations for the same entity, such as interfaces, functions, classes, or enums. By merging declarations, you can extend existing types and add new properties, methods, or functionality. Let's explore the scenarios where declaration merging ...
Read MoreHow to compile few typescript files to single output js-file?
TypeScript is a strongly typed superset of JavaScript that compiles to plain JavaScript. TypeScript adds static type-checking, classes, and interfaces to the language, making writing and maintaining large-scale applications easier. TypeScript files are compiled into JavaScript files that can be run in any browser or server that supports JavaScript. This article will look at how to compile multiple TypeScript files into a single output js-file. We will start by looking at how to use the TypeScript compiler to compile multiple TypeScript files and then see how to use Webpack to bundle multiple TypeScript files into a single JavaScript file. Compiling ...
Read MoreHow to call api using typescript?
In this tutorial, we will learn about calling APIs using TypeScript. TypeScript is a statically-typed superset of JavaScript that adds type checking to the language. It provides enhanced tooling and helps catch errors during development. When working with APIs, we often need to make HTTP requests to send data and retrieve information. TypeScript allows us to write clean and organized code while interacting with APIs, making it easier to handle responses and work with the returned data. Throughout this tutorial, we will explore different methods and libraries available in TypeScript for making API calls. We will focus on using the ...
Read MoreHow to fix property not existing on EventTarget in TypeScript?
TypeScript is an open-source language that provides optional static typing for JavaScript. It allows developers to write more maintainable code by catching type-related errors at compile-time rather than runtime. However, working with event listeners in TypeScript can be a bit tricky. One common issue is the "property not existing on EventTarget" error. This error occurs when you try to access a property on an event target that TypeScript doesn't recognise. In this article, we will discuss how to fix this error and provide examples to demonstrate how to use event listeners in TypeScript. Understanding the Error Before we dive into ...
Read MoreHow to get class properties and values using Typescript Reflection?
TypeScript is a superset of JavaScript that provides static typing capabilities, allowing developers to write more reliable and efficient code. One of the most powerful features of TypeScript is its support for reflection. Reflection enables TypeScript developers to inspect and manipulate the properties of classes at runtime, making it easier to write more flexible and dynamic code. In this article, we will explore how to use TypeScript reflection to get class properties and values. We will discuss what reflection is and how it works in TypeScript, provide a brief overview of TypeScript decorators, and then walk through three examples of ...
Read More