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 - 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.
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.
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.
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 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. 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. 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.
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. 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 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.
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.
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 - 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. 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.
Watch this video to learn five essential Design Patterns, from the 'Gang of Four' book, in TypeScript!
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.