All Posts

All the stuff I've written on this site

Immer
What it is, and whether you should use it
5 min read
~940 words
17/07/26
17/07/26
Losing Reactivity in Vue
One of the easiest and most common mistakes to make in Vue code.
3 min read
~515 words
28/09/25
Only React has controlled inputs
Follow me down a rabbit hole to understand how React works slightly differently to every other framework.
6 min read
~1.1K words
28/01/25
28/01/25
createTypedContext (React)
Easily make a typed context provider and helper hook in React
08/09/24
16/07/26
Eslint errors for bad imports
Raise Eslint errors when importing from bad modules.
03/09/24
Simpler Pact consumer tests with MSW
Simplify your Pact consumer tests with MSW and this helper
02/09/24
Use Touch ID for sudo commands
Use your finger instead of your password for sudo!
10/08/24
Slack emoji engineering: partyify anyone!
Learn how to make a party emoji out of anything or anyone for your Slack workspace or Discord server.
2 min read
~242 words
25/05/24
Overlay an image on your page
CSS-only method to overlay an image on an html page.
21/02/24
24/02/24
toComputed
Vue 3 composable that simplifies using a value that's a MaybeRefOrGetter
20/02/24
29/02/24
Mocking classes from mocked modules in Vitest tests
How to mock and expect on class methods from mocked modules.
13/02/24
02/06/24
Drizzle ORM Type Helpers
A couple type helpers to get a table's document type (when you SELECT) and the table's insert type (when you INSERT).
03/01/24
19/08/24
Pinpoint Bugs with Git Bisect
Find the exact commit that caused a bug using a less known git command.
3 min read
~512 words
02/10/23
Include<T, U>
A more inclusive complement to TypeScript's Exclude helper type - only include the parts of a union type that are assignable to another type
07/09/23
useFullscreen (React)
Get access to the current fullscreen element, and controls to enter, exit, and toggle fullscreen.
14/08/23
safeViewTransition
A tiny wrapper around document.startViewTransition that respects users' prefers-reduced-motion preferences
11/07/23
13/09/23
createManualPromise
Create a promise that you manually resolve or reject at any time!
20/06/23
23/07/23
Write your own Promise.all()
Work your way up to the super useful Promise.all() function from scratch!
7 min read
~1.3K words
22/02/24
19/03/23
useTemporaryState (React)
State that resets after a timeout.
19/06/23
13/09/23
createPreviousMemo (SolidJS)
Get the previous value of a SolidJS signal
01/01/23
20/06/23
Event Delegation
A better way to handle multiple elements with the same event handlers
5 min read
~868 words
09/03/24
23/10/22
FormData - My 2nd Favourite Web API
The FormData API lets you easily access the values of inputs inside a form.
7 min read
~1.4K words
18/03/23
22/10/22
Cypress Stuff
Miscellaneous snippets for doing things in Cypress
30/11/22
09/03/24
PartiallyOptional
A TypeScript generic type to make part of another type optional
10/10/22
Over-Engineering a Website (September 2022)
How I discovered the secrets of the TMNT stack, built this website and procrastinated uni course work for 2 years.
15 min read
~2.9K words
22/09/22
21/09/22
Inspect
A useful function to print out the value of something with an optional message
06/10/22
12/01/23
Tailwind CSS Hocus Plugin
A plugin for lazy people like me who use the same styles for hover and focus states
19/09/22
30/11/22
Stop Vercel GitHub Comments
Stop Vercel's bot from commenting on PRs and commits (and the associated emails)
27/08/22
20/06/23
useIsMouseInactive (SolidJS)
Know when the mouse hasn't moved for a period of time
27/08/22
07/08/23
useSyncedLocalStorage (React)
Save state to localStorage and sync it between hook instances, tabs and windows!
07/07/22
30/08/23
useCssVar (React)
Control a css variable from the comfort of React.
04/05/22
07/08/23
useCopy (React)
Copy to clipboard with a 'copied' timeout
02/05/22
19/06/23
useCopy (SolidJS)
Copy to clipboard with a 'copied' timeout
02/05/22
27/08/22
File Downloads
Download a file with or without JavaScript
26/04/22
13/10/22
Enzyme Stuff
Miscellaneous snippets for working if you have to do tests with Enzyme
20/02/22
30/11/22
PartiallyRequired
A TypeScript generic type to make part of another type required
28/10/21
10/10/22
cx
A tiny helper function to conditionally join classnames.
09/05/21
18/03/23
useBoolean (React)
Toggle and set a boolean piece of state with a slightly better interface than straight useState
02/05/21
18/03/23
Next.js <Redirect />
A <Redirect /> component like the one for react-router.
02/04/21
18/03/23
useMounted (React)
Know when the current component is mounted.
02/04/21
18/03/23
debounce
Run a function at most once every N seconds, at the end of the N seconds.
28/03/21
throttle
Run a function at most once every N seconds, at the start of the N seconds.
28/03/21
useLocalStorage (React)
Save state to localStorage with an interface almost identical to useState
26/03/21
30/08/23
Hello World
Show "Hello, World!" to your screen.
24/03/21
02/10/23
44 posts total