JSON modules are baseline newly available
The idea behind JSON modules, and import attributes, is to allow developers to import JSON files directly into Javascript modules, making it easier to work with structured data directly on the script...
Rest and Spread in Javascript
Javascript has two syntaxes that use the same representation: Rest and Spread. This post will explore the two syntaxes, their differences, and how to use them in Javascript and Typescript. The Core...
Grid template areas
CSS Grid Layout changed how developers build two-dimensional layouts, moving us beyond float and table layouts. Most of the time we see grid used for positioning elements in specific areas of the...
Fixing Typescript compilation errors
Unless you're familiar with Typescript, you might run into compilation errors that don't have immediately obvious fixes. In this post, I will share two common issues I've encountered while working...
Evaluating web component libraries
The modern web development landscape is characterized by a drive towards creating more modular, maintainable, and long-lasting applications. At the heart of this movement lies the Web Components...
Optional Chaining in Javascript
This article explores optional chaining in JavaScript: what it is, how it works, and why it's a feature you should be using—along with a few words of caution. Introduction # For many JavaScript...
Exploring Decorators in Typescript and Javascript
Typescript, a superset of Javascript that adds static typing, offers a powerful feature known as decorators. These provide a way to add annotations and meta-programming syntax for classes and their...
Javascript and Typescript classes
Once merely syntactic sugar over prototype-based inheritance, JavaScript classes have matured into a powerful feature set, offering developers a more familiar and robust object-oriented programming...
Caniuse Web Component
Caniuse provides a visual representation of browser support for various web features. Rather than generating a static image using the caniuse embed to display data, I've created a web component that...
Javascript - what is this?
The this keyword in JavaScript can be tricky. It refers to the context in which a function is running, and its value changes depending on how that function is called. This guide will clarify what this...