Building a Chat Interface That Doesn't Fight Your Scroll Position
A React implementation for following streaming replies, pausing when someone scrolls up, and keeping their place when older messages load. Includes a working demo.
Read articleArticles & Notes
On building interfaces, working through the details, and learning along the way.
Reflecting on Twelve Years of Remote Work
Looking back on nearly twelve years of remote work, what changed during COVID, and what I still appreciate about working from home.
Read articleThe Hardest Part of Frontend Development Isn't Writing Code
After more than a decade of building interfaces, the hardest work is deciding how they should behave when things don't go as planned.
Read articleUsing React Component Variants to Compose CSS Classes
Learn how to build React component variants by composing CSS classes in a typesafe and flexible manner.
Read articleMy Definition of a First-Class Pull Request
Learn how to spruce up your pull requests with a few simple tips. These tips shouldn't add more than a couple of minutes to your workflow, and you'll look like a rockstar to your peers.
Read articleHandling an Event Callback Once
Learn how to simplify your code by using a simple trick to remove an event listener after an event has been fired once.
Read articleRename Fields by Using Aliases in GraphQL
Learn how to rename fields of a GraphQL object by using aliases.
Read articleFilter Out Multiple Console Messages in Google Chrome
Learn how to filter out multiple console messages by using either regular expressions or prefixing a string with a hyphen-minus.
Read article