Blog

How to Use The Native JavaScript Share API

The native Web Share API lets you allow users to share text, links, and files to other apps installed on the device in the same way as platform-specific apps. Let’s take a look at how to use this new feature.

3 min readSep 5, 2022•Wesley Smits

Design Patterns in TypeScript: Observer Pattern

In this series, we are looking at various design patterns, their implementation in TypeScript, and how they improve your life as a developer. If you haven’t read the previous articles in the series on Design Patterns in TypeScript you might want to check them out, since the difficulty of patterns in

4 min readAug 31, 2022•Wesley Smits

Design Patterns in Typescript: Singleton Pattern

The Singleton Pattern is one of the most accessible and popular design patterns. This Design Pattern solves two problems at the same time.

3 min readAug 27, 2022•Wesley Smits

How to Make an Accessible Accordion Component

Recently, I came across an example of an accordion that was stripped right out of the Flowbite documentation. This example uses an insane amount of HTML markup, almost zero semantic value, and is not…

6 min readMay 1, 2022•Wesley Smits

How To Publish Your First NPM Package in Just 15 Minutes

Every developer has most likely used NPM packages at some point in their projects. But if you’ve never published your own package before it might seem like some scary, unknown, or complex thing. Let’s create a simple package and publish it to the NPM registry. In order to publish a package to NPM yo

5 min readOct 24, 2021•Wesley Smits

How to Build a Simple Web Calculator

Building a calculator is a great project when you’re still learning about JavaScript/TypeScript. In this tutorial, you will be taken through the HTML, CSS, and TypeScript behind the calculator. This project will be built without a JavaScript framework and will be using a TypeScript starter project f

6 min readOct 18, 2021•Wesley Smits

A Beginner’s Guide to Creating a TypeScript Starter Project

In this article, we're going to create a TypeScript starter project that can be used as the basis for your upcoming TypeScript projects.

19 min readOct 12, 2021•Wesley Smits

Improve Rendering Performance With The New CSS ‘Content-Visibility’ Property

Earlier this year, Chromium 85 was released which low-key contained a new CSS property that completely flew by me at the time. The content-visibility property allows you to instruct the user-agent to skip all rendering work, including layout and painting until it is needed. When Is This Us

3 min readSep 23, 2021•Wesley Smits