All Posts

All the stuff I've written on this site

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!
7 min read
~1.3K words
15/04/23
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
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
12/01/23
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
32 posts total