Welcome!
My repository of things I've learned. Mostly programming related. Part microblog, part knowledge base, part digital garden. If you like this, you might enjoy my blog.
69 TILs so far!
Recent TILs
- valibot
Parse a Date or string into a Date
One common pattern with TypeScript projects is using a validation library like Valibot to validate incoming data at points of ingress to your application. (Intentionally or unintentionally, this is "parse, don't validate" pattern, coined by Alexis King advocates in her excellent blog post of the same name.)
- fzf
Make a TUI for switching and deleting git branches
Is dealing with git branches annoying to anyone else? There's a lot of typing long branch names, especially if you're cleaning up a bunch of old branches at oncex.
- typescript
Add custom element to JSX.IntrinsicElements
As of version 19, React supports custom elements!
- html
Define a custom element
I've been using web components for a bit, and I've accrued a bit of code I generally use as a base for my custom elements. "Boilerplate" has a negative connotation, so let's just call it a "web component starter kit".
- javascript
Programmatically create SVG elements
This is simple, but it tripped me up for a bit. TL;DR you can't do this:
- css
Anchor scroll position to the bottom
Recently, I was building a vertical "timeline" for an explorable explanation, in which new elements would be added below any existing ones. As elements were added, I wanted the scroll position anchored to the bottom of the timeline, as it would be in a chat app.
- nextjs
Don't server-side render a client component
React Server Components splits React components into two kinds: server components and client components.
- volta
Install Volta with Homebrew
It seems so easy: just
brew install voltaand you have a modern Node version manager ready to go! - 1password
Use specific SSH keys
One reason I use 1Password over Apple Passwords is that it also manages your SSH keys.
- css
Swap between black and white text based on background color
The title is overselling it a little, but not by much. Devon Govett posted this clever trick on Bluesky using CSS relative colors and LCH: