A story about code and design

Unit Testing in JavaScript

Oct 28, 20208 min read

The different automated testing types Unit tests Integration tests End-to-end tests What is a Unit Test Unit tests are also known as component tests. They take the smallest piece of testable code (in most cases functions) and check if it behaves ...

My favorite tricks with Sass

Oct 19, 20202 min read

1. Dynamically create component variants based on theme colors // Create a map containing all the important colors $theme-colors: ( "danger": #ff0000, "success": #00ff00, "info": #0000ff, ) !default; // Loop through the map to create a variant...

5 reasons to use a Design System

Oct 7, 20202 min read

What is a Design System? A Design System is a collection of reusable UI components with documented norms and standards. This collection includes: Color Palettes Typography Imagery Iconography Motion Layouts UI components, including code snippets. ...

Custom Type Guards in TypeScript

Sep 28, 20202 min read

My previous post showed with some short code snippets 5 useful TypeScript ticks. One of those tricks was a User-Defined Type Guard. Since this "trick" has attracted a lot of attention, I decided to write this short post to make this concept easier to...

5 useful TypeScript tricks

Sep 25, 20202 min read

1. Create a type checking function interface IDog{ name: string; age: number; kidFriendly: boolean; } interface ICat{ name: string; age: number; activityLevel: number; } type Animal = IDog | ICat; /** Is the animal a dog ? */ co...

Next-gen CSS with Houdini

Sep 22, 20203 min read

In a more and more extensible web, CSS seams sometimes a bit outdated. Thanks to Houdini developers will be able to access low level APIs that exposes parts of the CSS engine. With Houdini, it is possible to hook into the styling and layout process ...