Recent Posts

Quick snippet for implementing a before paint callback or promise in the browser

How to setup automatic build and deployment of your Gatsby site. Any change to main gets automatically published within minutes.

How to to set up a CloudFront Function to handle Gatsby index pages correctly

Let's take a look at how to publish a Gatsby site to AWS using GitHub Actions. First step, setup S3 and CloudFront.

A look at a simple yet effective approach for implementing automated browser-based testing for a standalone React component

A helloworld tutorial where we setup a webpack project which compiles hand-coded WebAssembly. A purely front-end project, using purely front-end tooling.

A look at a common React error sometimes seen when developing reusable components

A look at different refactoring approaches when the hooks start to take over...

A quick code snippet demonstrating the use of the browser's SubtleCrypto API to encrypt and decrypt string content using a text-based password

An example of how to setup Serverless Framework to deploy static front-end files and a serverless api behind the same domain name

A look at the intricacies and pitfalls of trying to accurately fill an HTML element with exactly the right amount of content

Here we explore common ResizeObserver errors and how you can stop them

Are you using semantic-release in your npm package workflow? Here's a quick guide on how to setup local sanity checking of your release notes

How to to set up a CloudFront Lambda@Edge function to handle Gatsby index pages correctly

In this article we'll compare using different scripting engines to extract out code from a workflow file.

Here's a handy shortcut if you've got an npm based project and you're looking for a quick way to create your own GitHub Action in the same repo with very little overhead.

Welcome to the blog