TypeScript TV

Improve Your Type Safety with Branded Types

Branded types can help catch programming errors early in the development process by preventing values that don’t meet certain criteria from being passed into functions or used in certain contexts. They are a form of defensive coding in TypeScript and can ensure type validation.

Avoid Errors with Defensive Coding in TypeScript

Defensive code refers to a programming practice where a developer writes code that anticipates and handles potential issues or errors that might occur during the execution of a TypeScript application.

The goal of defensive coding is to improve the reliability, robustness, and maintainability of TypeScript applications by ensuring it can handle unexpected or incorrect input, recover gracefully from failures, and provide meaningful error messages or responses.

Enhancing Return Types with Function Overloading in TypeScript

Function overloading allows you to define multiple functions with the same name, but with different parameters. This can be useful if you want to provide different behavior depending on the arguments that are passed to the function.

Video Tutorial: Compiling TypeScript to JavaScript

In this TypeScript tutorial we explore the significance of platform considerations when building a TypeScript application. We will discuss various JavaScript engines, configure the TypeScript compiler, enable strict type checking, and implement best practices for our development workflow using Visual Studio Code. We also cover TypeScript’s watch mode and how to write npm scripts. Lastly, we dive into potential issues that may arise when using TypeScript globally and how to define your VS Code’s TypeScript version.

JavaScript in TypeScript: Learn How to Use Them Together

It is possible to use regular JavaScript code in a TypeScript application. TypeScript is a superset of JavaScript, which means that any valid JavaScript code is also valid TypeScript code. This allows developers to gradually adopt TypeScript by starting with their existing JavaScript codebase and gradually migrating it to TypeScript. Additionally, developers can use legacy JavaScript libraries and frameworks in a TypeScript application without any issues.

Type Checking with Assertion Functions in TypeScript

An assertion function is the implementation of a runtime check that is able to identify the type of unknown input. When the conditions of the assertion functions are passed, TypeScript’s compiler will then assume that the input is of the type claimed by the signature of the assertion function.

How to use Mapped Types in TypeScript

TypeScript 2.1 introduced mapped types which allow you to build new types based on the properties of an existing type.

How to use const assertions in TypeScript

TypeScript 3.4 introduced const assertions, a feature that allows you to claim a value as immutable. This feature is particularly valuable in combination with array literals, as it prevents new values from being pushed into an existing array.

How to write Express.js middleware with TypeScript

You can extend your Express.js server easily with custom middleware. All you have to do is to write a function that accepts three parameters (req, res, next).

Styling React Components with CSS and TypeScript

In this post, we are going to take a look on how to add CSS styling to React Components with TypeScript. Our teacher Amir shows you how to structure your components and how to type your props, so that you won’t run into error TS2739. There will be also an introduction to CSS Modules.