Here, you'll find most of the articles I've written the last couple of years. You can search for specific articles below, or just browse.

An introduction to React Dev Tools


Are you finding it hard to debug your React apps? Here's a great introduction to the React DevTools, and what they can do for you.

Writing end-to-end tests in 2021


Writing end-to-end tests has never been easier. This article shows you why it's a great idea, and what tools to use to implement it!

Smart Optimization Techniques: Lazy Loading with React


Want your React app to go from pretty fast to blazing fast? Then let me introduce you to the art of lazy loading your code!

Is Redux Dead?


Is Redux still worth learning in 2021? This article dives into where it came from, and what you can use instead.

How to generate PDFs with Firebase functions


A step by step tutorial for creating a PDF, uploading it and returning an expiring link to download it.

/** Make the nice list with JSDoc */


Documenting stuff is important, folks! Where would Santa be without his naughty and nice list? Let's spend a few minutes learning how you can improve the user experience of your components by adding a slash and a couple of stars in front of it!

How to force-refresh your app every once in a while


Learn how to make your app automatically fetch a new version from the server after n hours of idle time.

How to present like me


Want to learn some public speaking tips from a guy that has done dozens? Then this is the article form you!

Creating React contexts for fun and profit


What's the best way to create and consume contexts? This article shows my take on that question.

What is a cache?


Do you have a vague idea of what a cache is, but want to really understand it? Want to learn how you can use caching to make your apps faster, more resilient, and even less resource-intensive for your clients? Then this article is for you.

Diving into the new JSX transform


React 17 came with a fresh new transform for JSX. Learn what that means for you!

Real confidence with Cypress E2E tests


Write the tests that matter with end-to-end testing with Cypress

Create a stable random value with React.useRef


Want to select a random value from an array in React? Want to select the same random value on every render? Then this article is for you.

Using Chakra UI with NextJS


Want to use Chakra UI with NextJS? This article shows you how!

Catching clicks outside your element with useClickOutside


Do you want to close your menu, slide-out or modal when people click outside of it? Let me show you how to fix that with a custom React hook.

Terminal illness


You don't have to be a linux hacker to use the terminal to be productive. Here's a few tips I've picked up the last couple of years that might make you even iller in the terminal.

Creating forms in React in 2020


Learn some of the ways you can do forms in React in 2020

Forwarding refs in TypeScript


Learn how you can forward refs in React and TypeScript!

Creating Sortable Tables With React


Making your tables sortable in React might sound like a daunting task, but it doesn’t have to be too difficult. In this article, we’re going to implement all you need to sort out all of your table sorting needs.

Welcome to my new blog


Every blog needs a first blog post. This was mine.

New media queries you need to know


The Media Query Level 5 specification is out, and it's packing some serious heat. Let's look at what new media queries we get to play with!

A late adopter’s guide to TypeScript


Everybody and their mother uses TypeScript these days, so I guess I have to, too. This is the guide I wish somebody showed me a few years ago about how good TypeScript is!

Setting Up a Development Environment in Elm


How do you set up a nice development environment for our Elm app? This article dives into some of the different options.

Dad jokes and HTTP requests in Elm


Let's build a dad joke generator in Elm!

A Year of React - 2019 in Review


What was the big takeaways from React in 2019? This post summarizes the biggest news stories, updates and releases.

How to get started with React in 2020


If you want to do front-end development, React is a great tool to have in your tool chest. However - in a sea of content large enough to drown in - where should you look for resources to learn React?

Creating a todo app in Elm


This is a step-by-step guide to creating your own TODO-app in Elm!

My first Elm app


A step-by-step guide to how you can write your first Elm app

Gotcha! Ways I've screwed up CSS


10 years of writing CSS has taught me one important lesson - there's always new ways to screw up. Let's look at some of the ways I've failed in the last decade.

How I test my React apps in 2019


Testing your apps is becoming so easy, it's starting to become worth the trouble!

Document your stuff with Docz


Having great documentation is what differentiates a great library from an ok one. I've spent the last couple of months creating a design system and its documentation site in Docz, and I'd like to share some experiences.

Control your components


A quick and easy guide to creating components that control their own state, if you want them to.

Bleeding edge - making your grids bleed


Grid layouts are nice until you need to do something slightly outside of its bounds. Want to learn a quick trick to escape?

Switch it up with CSS custom properties


Custom properties doesn't look like much, but is one of the real super powers of CSS. Let's see what it's all about!

Two media queries you should care about


The user should be the boss of you - learn how to respect their preferences

How to do semantics the right way


You've heard about semantic HTML, and how important it is to do it right. But what's the right way to do it?

How to fade in content as it scrolls into view


Want to make your content fade in as it scrolls into view? This article will give you the how-to!

How to stop your spinner from jumping in React


Want to improve your spinner game? This article shows you how to keep your spinning animation looping without a glitch

How to make your footer stick to the bottom of your page


This article shows you how to stick the footer to the bottom of your screen, even if you don't have enough content to push it down there.

How to overlay your background images


Here's two cool new ways to darken your background images, so you can put content on top!

The 10 Component Commandments


This article gives you 10 golden rules to live by when you're designing your React component APIs.

Creating Your Own React Validation Library: The Experience


This final part of this series will focus on improving the user experience for the people that will use our validation library: the developers.

Creating Your Own React Validation Library: The Features


Implementing a validation library isn’t all that hard. Neither is adding all of those extra features that make your validation library much better than the rest

Creating Your Own React Validation Library: The Basics


Ever wondered how validation libraries work? This article will tell you how to build your very own validation library for React step by step.

How to write a progressive image loading hook


Want to display a fallback thumbnail while you download your hero image? Then this article is for you!

Persisting your React state in 9 lines


This quick little article will teach you a nice technique for storing UI state between visits

5 things you didn't know about React DevTools


React DevTools is becoming more powerful by the day. Let's look at some of the features you might not have tried yet!

Redux in 27 lines


Ever wondered how Redux works? Here's how you can implement your own!

Creating Flexible Components


A bunch of tips and tricks to how you can make your components more flexible, reusable and accessible by default.

The Hitchhikers Guide to Refs


Ever got confused about refs in React? This article is about to set the record straight.

Refactoring a Small Next App to Use Hooks


Enough of these contrived examples. Let's look at how I refactored a small React app to use Hooks

Do you even JSX bro?


Most React apps use JSX - but how can you set up a JSX environment yourself?

How to create components


React is Just Components ™️ - but there are tons of ways to make them. Let's dive in!

Error Handling in React


Let's deal with those pesky errors once and for all

Creating a progressive image loader


I needed one for this site - follow along if you want one too!

5 tips for reusable components


I've spent the last year helping build a design system. These are some of the things I learned along the way

Creating Composite Components


Do you need to create a complex, yet reusable piece of UI? What's the best approach?

Handling metadata in Redux


Is this the last reducer you'll ever write?

How to set up your editor for React development


Looking cool has never been this easy 🆒

Webpack and LESS


How to make them play along nicely

Handling Data Fetching with State Machines


Fetching data just got a bit easier

Math with Dates in JavaScript


A JavaScript Date is an adventure to deal with. Here’s a short introduction to its ridiculousness.

Introducing Calidation


Although form validation is boring af, it’s also one of the most important improvements to your user experience. Get ready to be mildly impressed!

Introducing Timeproxy


Every once in a while, you need to make sure something happens every so often. Or fails within a reasonable time frame. Or do anything related to time. I am about to make your life so much better.

All rights reserved © 2021