Design Systems in TypeScript

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 …

Web Development

Design Patterns in Typescript: Singleton Pattern

What is the Singleton Pattern? The Singleton Design Pattern is one of the most accessible and popular design patterns. This Design Pattern solves two problems at the same time. The Singleton Pattern helps you ensure that only one instance of …

Web Development

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 accessible whatsoever to people using …

Web Development

How To Publish Your First NPM Package …

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 …

Web Development

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 …