ProductNorthwind Checkout
A checkout that is ready before the customer has finished reaching for their card.
from 2.9 s→to 0.8 sLCP on a mid-range phone
ReactTypeScriptXStateVite
>soren hale — frontend developer
// Work
Every case starts with a number that was wrong and ends with the one that shipped. Filter by kind, or open any of them for the full write-up.
// Work
Every case starts with a number that was wrong and ends with the one that shipped. Filter by kind, or open any of them for the full write-up.
// Work
Every case starts with a number that was wrong and ends with the one that shipped. Filter by kind, or open any of them for the full write-up.
08 projects
ProductNorthwind · 2025Lead frontend developer
A checkout that is ready before the customer has finished reaching for their card.
from 2.9 s→to 0.8 sLCP on a mid-range phone
ReactTypeScriptXStateVite
ToolingLedgerline · 2024Frontend architect
Forty internal tools moved into one console, on one design system, with one way to ship.
from 14 min→to 95 sFrom merge to production
ReactTypeScriptModule FederationTurborepo
ProductKestrel Pay · 2024Senior frontend developer
Live payment data on a table of 200,000 rows that still answers a click at once.
from 380 ms→to 48 msINP on the transactions table
ReactTypeScriptTanStack VirtualWebSocket
ExperimentTidewater · 2023Frontend and WebGL developer
A charting layer that pans through a million points without dropping a frame.
from 12 fps→to 60 fpsPan and zoom at 1M points
TypeScriptWebGLreglWeb Workers
ToolingHalden · 2023Design systems lead
Sixty-two components, one token file and no accessibility exceptions.
from 71→to 100Lighthouse accessibility, product average
ReactTypeScriptStorybookRadix
ProductBrattvik Bank · 2022Senior frontend developer
Opening an account went from eleven screens to four.
from 38%→to 71%Applications completed
Next.jsTypeScriptZodPlaywright
WebLoopdocs · 2022Frontend developer
Developer docs that load at once and search as you type.
from 1.9 s→to 0.4 sTime to the first search result
AstroTypeScriptPagefindMDX
WebParcelway · 2021Frontend developer
The tracking page three million people open every month, at a seventh of the weight.
from 640 kB→to 92 kBJavaScript shipped
PreactTypeScriptViteWorkbox
08 projects
ProductNorthwind · 2025Lead frontend developer
A checkout that is ready before the customer has finished reaching for their card.
from 2.9 s→to 0.8 sLCP on a mid-range phone
ReactTypeScriptXStateVite
ToolingLedgerline · 2024Frontend architect
Forty internal tools moved into one console, on one design system, with one way to ship.
from 14 min→to 95 sFrom merge to production
ReactTypeScriptModule FederationTurborepo
ProductKestrel Pay · 2024Senior frontend developer
Live payment data on a table of 200,000 rows that still answers a click at once.
from 380 ms→to 48 msINP on the transactions table
ReactTypeScriptTanStack VirtualWebSocket
ExperimentTidewater · 2023Frontend and WebGL developer
A charting layer that pans through a million points without dropping a frame.
from 12 fps→to 60 fpsPan and zoom at 1M points
TypeScriptWebGLreglWeb Workers
ToolingHalden · 2023Design systems lead
Sixty-two components, one token file and no accessibility exceptions.
from 71→to 100Lighthouse accessibility, product average
ReactTypeScriptStorybookRadix
ProductBrattvik Bank · 2022Senior frontend developer
Opening an account went from eleven screens to four.
from 38%→to 71%Applications completed
Next.jsTypeScriptZodPlaywright
WebLoopdocs · 2022Frontend developer
Developer docs that load at once and search as you type.
from 1.9 s→to 0.4 sTime to the first search result
AstroTypeScriptPagefindMDX
WebParcelway · 2021Frontend developer
The tracking page three million people open every month, at a seventh of the weight.
from 640 kB→to 92 kBJavaScript shipped
PreactTypeScriptViteWorkbox
08 projects
ProductNorthwind · 2025Lead frontend developer
A checkout that is ready before the customer has finished reaching for their card.
from 2.9 s→to 0.8 sLCP on a mid-range phone
ReactTypeScriptXStateVite
ToolingLedgerline · 2024Frontend architect
Forty internal tools moved into one console, on one design system, with one way to ship.
from 14 min→to 95 sFrom merge to production
ReactTypeScriptModule FederationTurborepo
ProductKestrel Pay · 2024Senior frontend developer
Live payment data on a table of 200,000 rows that still answers a click at once.
from 380 ms→to 48 msINP on the transactions table
ReactTypeScriptTanStack VirtualWebSocket
ExperimentTidewater · 2023Frontend and WebGL developer
A charting layer that pans through a million points without dropping a frame.
from 12 fps→to 60 fpsPan and zoom at 1M points
TypeScriptWebGLreglWeb Workers
ToolingHalden · 2023Design systems lead
Sixty-two components, one token file and no accessibility exceptions.
from 71→to 100Lighthouse accessibility, product average
ReactTypeScriptStorybookRadix
ProductBrattvik Bank · 2022Senior frontend developer
Opening an account went from eleven screens to four.
from 38%→to 71%Applications completed
Next.jsTypeScriptZodPlaywright
WebLoopdocs · 2022Frontend developer
Developer docs that load at once and search as you type.
from 1.9 s→to 0.4 sTime to the first search result
AstroTypeScriptPagefindMDX
WebParcelway · 2021Frontend developer
The tracking page three million people open every month, at a seventh of the weight.
from 640 kB→to 92 kBJavaScript shipped
PreactTypeScriptViteWorkbox
// Start a project
Three quick picks so the first reply is useful. You finish the message on the contact page.
// Start a project
Three quick picks so the first reply is useful. You finish the message on the contact page.
// Start a project
Three quick picks so the first reply is useful. You finish the message on the contact page.