iiinova — where your digital self keeps evolving

Alex Vipond @alexvipond.dev · 09/12/2025

Your app is a graph. Objects are nodes, and their relationships determine graph structure. User -> TaskList[] TaskList -> Task[] User -> User[] (friends) etc. User actions change the graph by adding nodes and defining relationships.

100

Reposted by Alex Vipond

Ryan Carniato @ryansolid.bsky.social · 06/11/2025

People give `useEffect` a bad rap, but it isn't usually the source of the problem. The real problem is too many `useState`s. Devs fail to see how their data is connected and model it too discretely. As those connections appear, it is easier to synchronize than refactor the model. 1/

7697

Alex Vipond @alexvipond.dev · 29/09/2025

If you play guitar The solution is Ampero II & Ampero Switch Play in Stomp mode, using stomps to change scenes (press a single stomp to turn multiple effects on/off, and/or change parameters, with natural delay & reverb spillover, and no audio gaps 🤯) Use the Ampero Switch to cycle patches 🤘

000

Alex Vipond @alexvipond.dev · 10/09/2025

Been a while since I used @zed.dev, and HOLY SHIT it got good Multiple cursors editing multiple files, and Claude Code deeply integrated. I've never been able to refactor this fast. I'm working on my editor settings while the agent runs—here's what I have so far gist.github.com/AlexVipond/a...

gist.github.com

Zed settings

Zed settings. GitHub Gist: instantly share code, notes, and snippets.

000

Alex Vipond @alexvipond.dev · 29/08/2025

Single-table design is magic This is the Eloquent query I run to get - lat/lng of the given location - Profiles of current user & their friends - Profiles of birds they identified in that location, including timestamps - Profiles of their multiplayer birding sessions in that location

Edge::from('user')->to('location', $request->locationId)
->whereIn('from', $describedUserIds)

Alex Vipond @alexvipond.dev · 23/08/2025

I just wrote the Inertia controller for an app dashboard view that reads 5 types of resources and 16 relationships from the DB. It uses 1 query, and it does not need to eager-load any model relationships, so I can use the query's cursor() method and iterate over the results with low memory usage.

100

Reposted by Alex Vipond

NPR @npr.org · 19/08/2025

To save the lives of infants and small kids in lower resource countries, there are a handful of tools: anti-malarial drugs, bed nets and vaccines. A massive experiment in rural Kenya suggests another.

n.pr

Researchers discover a secret weapon that saves babies' lives. And it's not medical

623158

Alex Vipond @alexvipond.dev · 14/06/2025

"Shitty code reviews make great LLM prompts"—just some thoughts about meaningful code reviews that advance others' careers and make your team stronger. alexvipond.dev/blog/shitty-...

I'm into web development and social impact. I write code and create content for these topics, and I share it on my website.

020

Alex Vipond @alexvipond.dev · 11/06/2025

I'm thinking about writing a book about how to build a custom component library from scratch on top of React Aria 🤔 If that sounds interesting to you, put your email in here! learnreactaria.com

learnreactaria.com

Learn React Aria

Learn React Aria with this book and annotated codebase, so you can build a world-class component library.

Alex Vipond @alexvipond.dev · 11/06/2025

Something that sounds easy, but is tricky to get right: wrap text around the Dismiss button of a clickable card. The tricky part is making sure you don't sacrifice accessibility features like grouping, labeling, focus rings, etc. Here's how I do it: alexvipond.dev/blog/wrap-te...

I'm into web development and social impact. I write code and create content for these topics, and I share it on my website.

MadeWithVueJS @madewithvuejs.com · 30/04/2025

Reposted by Alex Vipond

The ebook Rethinking Reusability in Vue by @alexvipond.dev provides a deep dive on reusability design patterns in Vue 3 📗 - madewithvuejs.com/rethinking-r...

031

Alex Vipond @alexvipond.dev · 22/04/2025

This VS Code config will add @tailwindcss.com Intellisense to all code between a starting comment /** tw */ and an ending comment /** endtw */ This is incredibly useful for reusable classes tucked away in a JS variable or helper function, which TW Intellisense won't automatically check

VS Code settings to apply tailwind intellisense

Code example of Tailwind classes in JS, where intellisense doesn't work out of the box

Simpler example of comment-enabled Tailwind Intellisense at work

Devon Govett @devongovett.me · 06/03/2025

Reposted by Alex Vipond

HUGE React Aria release! 🍿 🔍 Autocomplete: Command Palette, Searchable Select + Submenu 🆕 3 new components: Toast, Tree, Virtualizer 🧩 Custom Menu/Popover/Tooltip triggers 🌉 Table colspan 👆 usePress interop, fixing 15+ issues 💨 Tailwind v4 📅 DatePicker RTL react-spectrum.adobe.com/releases/202...

411918

Alex Vipond @alexvipond.dev · 13/02/2025

I've found LLMs to be pretty fantastic at writing custom, project-specific ESLint rules. Super fun way to open up new doors for code quality, and here's how you get it working with ESLint in your project: alexvipond.dev/blog/add-pro...

I'm into web development and social impact. I write code and create content for these topics, and I share it on my website.

Alex Vipond @alexvipond.dev · 13/02/2025

The solution to this nasty NextJS bug no longer lives exclusively in the comment sections of random old GitHub issues alexvipond.dev/blog/dont-li...

I'm into web development and social impact. I write code and create content for these topics, and I share it on my website.

030

Alex Vipond @alexvipond.dev · 11/02/2025

Vite apps can shave off some bundle size by setting `build.rollupOptions.treeshake` to `smallest`. This allows rollup to treeshake more aggressively—for example, it will now shake unused third-party libraries that didn't set `sideEffects: false` in their package.json.

020

Alex Vipond @alexvipond.dev · 28/01/2025

Here's my progressively enhanced design & positioning logic for popups, implemented with CSS, Tailwind, ResizeObserver, and Vue. Zero usage of `getBoundingClientRect`, scroll listeners, or any other techniques that thrash the layout or block rendering!

Alex Vipond @alexvipond.dev · 23/01/2025

Been scratching my head on an anchor positioning bug for _days_, and finally found the answer thanks to @nerdy.dev's blog post nerdy.dev/why-isnt-my-... TL;DR avoid `center` unless you've proven your UI breaks without it

nerdy.dev

Why isn't my `position-try-fallback` working in small spaces? · October 12, 2024

Learn from my anchor() and position-area mistakes.

2182

Alex Vipond @alexvipond.dev · 19/01/2025

`select` typeahead UX was something I wanted to improve on when I first started writing Baleada Vue Features composables like `useSelect`. I'm finally building a real design system on top of these composables, and loving how flexible, powerful, and observable they are.

Rolldown @rolldown.rs · 25/12/2024

Reposted by Alex Vipond

🎁 A surprise holidays gift: after over a year of hard work, we have just published Rolldown 1.0.0-beta.1!

1034266

Alex Vipond @alexvipond.dev · 11/12/2024

Finally caught up on the Vueconf Toronto panel episode, nice work @michaelthiessen.bsky.social and @thealexlichter.com!

241

Reposted by Alex Vipond

Kent C. Dodds 🌌 @kentcdodds.com · 06/12/2024

The Epic Programming Principles: the guide I use to make decisions as a software engineer. Transcending specific tools or frameworks, these principles will help you guide your career, craft, and technical choices. See details and examples for each principle here: www.epicweb.dev/principles 📖

The Epic Programming Principles Cheat Sheet. A summary of all the principles

2030566

Alex Vipond @alexvipond.dev · 02/12/2024

Tons of relatively small commits this month for Baleada Features (closest thing you can get to React Aria in Vue). This is all driven by the full design system I'm building to stress test it. Gonna learn how to do beta releases so I can get it out in the world github.com/baleada/vue-features

Alex Vipond @alexvipond.dev · 27/11/2024

A subcategory of Tailwind utilities: very simple aliases that clarify the intent behind CSS tricks/techniques that can otherwise be a little magical. In this case `overlap` clarifies the intent behind forcing two elements to start in row 1 & column 1 in a grid.

html + tailwind, overlapping two elements in a grid

tailwind config to generate the overlap utility class

120

Alex Vipond @alexvipond.dev · 27/11/2024

You can just `fetch('https://api.github.com/users/<username>/events')` to get a list of your recent open source contributions, only ~5 minutes behind real time. On alexvipond.dev/now, I used to only list high-level projects I'm working on. I like how GitHub events add a little more life & change 🌱

Screenshot of the list of my recent contributions

Alex Vipond @alexvipond.dev · 23/11/2024

Cooking while coding is a thrill

Alex Vipond @alexvipond.dev · 18/11/2024

I'm Alex, and I'm into web development and social impact 🌱 I write code and create content for these topics, and I share it on alexvipond.dev, github.com/alexvipond, occasionally youtube.com/@alpalvipond, and now Bluesky 🦋