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.
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
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!
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.