TypeScript

TypeScript is an open-source programming language developed and maintained by Microsoft. It is a strict syntactical superset of JavaScript, and adds optional static typing to the language. TypeScript is designed for development of large applications and transcompiles to JavaScript.

typescript

Using Playwright to Test Next.js Applications

Using Playwright to test Next.js applications. The testing setup I have been dreaming of is finally a reality. Testing Next.js with Playwright. In this step we’ll change our tests to run against our own Next.js application, instead of against playwright.dev. My favourite new testing setup with the best mocking ever and visual regression testing.

DatoCMS for Angular Applications

DatoCMS for Angular Applications - cms on a new Angular application, the difference about the other times I used DatoCMS. A conversation with my sister in law — Also software Engineer- took place a few days ago and while we were talking about DatoCMS.

How to Create Marker and Marker Cluster with Leaflet Map

A method of creating markers and layers in the Leaflet map architecture and then clustering markers. How to Create Marker and Marker Cluster with Leaflet Map. Create a new MarkerClusterGroup, add your markers to it, then add it to the map.

HTML Event Handling in TypeScript

One task I had to complete was to write an event handler function for an element. Let us take a look at HTML event handling with TypeScript. HTML Event Handling in TypeScript. A event handlers are nothing but a way of letting us know that some change has occurred in the DOM.

Exploring Advanced TypeScript Concepts - Utility Functions and Guards

In this presentation, Kelsey Leftwich, Senior Developer at Headway, will help you explore some advanced TypeScript concepts such as utility functions and guards. If you're an adventurous JavaScript developer, you might find some value in this discussion too. Otherwise, it is the best fit for folks with some familiarity with TypeScript.

React Google Maps - Geolocation with React and TypeScript

In this tutorial, you'll learn how to create a Google Map with React.js and Typescript. The app will find the nearest bars both by click and geolocation.

How To Use Enums in TypeScript

Learn how to use Enums in TypeScript. We will explain the syntax used to create enum types, the JavaScript code that the TypeScript compiler creates under the hood. Enums are one of the few features TypeScript has which is not a type-​level extension of JavaScript.

How I Fixed a Bug in Angular

How I Fixed a Bug in Angular. I’m going to tell you how I’ve contributed to the Angular community. We discovered bugs that Angular doesn’t respond to outer XMLHttpRequest.abort() - And someone had already made a pull request (PR) to fix this bug.

Advanced TypeScript: A Generic Function to Merge Object Arrays

Advanced TypeScript: A Generic Function to Merge Object Arrays. I then merge the IFile array into the existing IEditorSettings array. Another powerful generic function from the SaaS product archives.

Deep Dive Into Structural Directives In Angular

Deep Dive Into Structural Directives In Angular. The asterisk, *, syntax on a structural directive, such as *ngIf, is shorthand that Angular interprets into a longer form. Angular transforms the asterisk in front of a structural directive into an <ng-template> What are structural directives in Angular and how to create custom structural directives.

Adding Dominant Speaker Detection for Twilio Programmable Video with TypeScript

Learn how to detect and visually highlight the dominant speaker in your Twilio Programmable Video and TypeScript app. Adding Dominant Speaker Detection for Twilio Programmable Video with TypeScript. In this article, you learned how to perform dominant speaker detection via the Twilio Client Library with TypeScript for Twilio Programmable Video.

The Deno Post — Converting Node Code

The Deno Post — Converting Node Code. How do you get an NPM package running in Deno? NPM holds. Deno uses strict guidelines using the TypeScript and style guide. It includes some logical/code adaptations. Optional: convert tests and test task.

AWS CDK for Terraform: Enabling TypeScript and Python Support

AWS Cloud Development Kit (CDK) for Terraform: Enabling TypeScript and Python Support. Today we'll discuss what Terraform and AWS CDK are and how to use them and the support of TypeScript and Python programming languages.

Keeping Your TypeScript Code DRY with Generics

Generics can be a great tool to help you keep your code DRY and avoid repeating logic. Keeping Your TypeScript Code DRY With Generics. Typescript-generics-example. Speed the code below to make a kit.json file. Install the TypeScript library by running the code below.

Exploring Deno Land 🦕 with Ryan Dahl

Exploring Deno Land 🦕 We’re joined by Ryan Dahl, Node.js creator, and now the creator of Deno - a simple, modern and secure runtime for JavaScript and TypeScript that uses V8 and is built in Rust. We talk with Ryan about the massive success of Node and how it impacted his life, and how he eventually created Deno and what he’s doing differently this time around. We also talk about The Deno Company and what’s in store for Deno Deploy.

How to Use Utility Types for Transforming TypeScript Types

TypeScript provides some built-in utility types that help facilitate transformations of types from one form to another. How to Use Utility Types for Transforming TypeScript Types. Tagged with typescript, beginners, webdev. Before understanding the TypeScript utility types, it is important to understand type aliases and generics.

Publishing A TypeScript Library in 2021

Publishing a TypeScript library in 2021 - The last time I wanted to publish a npm package was in 2018. Tagged with typescript, library, npm, tsdx. It wasn’t straight forward to publish such a library back then. There were so many things to handle on your own, especially when it came to TypeScript.

Vite Quick Tip - Vite with React and Typescript

Vite Quick Tip - Vite with React and Typescript. A quick video on how to use Vite instead of create-react-app. I'll show how to bootstrap a React application from scratch with Vite and also how to refactor a create-react-app into Vite instead.

Design Patterns in TypeScript

Watch this video to learn five essential Design Patterns, from the 'Gang of Four' book, in TypeScript!

React Tutorial: How To Build a Virtualized List with Infinite Scroll and a Hook

Today, I want to show you how to build a virtualized list with infinite scroll by just using a hook. React Tutorial: How To Build a Virtualized List with Infinite Scroll and a Hook. When rendering a large set of data (e.g. list, table, etc.) in React, we all face performance/memory troubles.