tl;dr: backend responses should return design components, not data.

There are a couple of white whales I’ve been chasing over my professional career as a frontend engineer. The first is how to keep GraphQL from breaking when the schema is mismatched. The second is to find a way to create a Backend Driven UI system that actually works.

Leaving the first one as my Moby Dick, the second has always felt like one of those theoretical questions that seems completely reasonable until it...

This post was written using AI as an experiment to take my most recent LinkedIn posts and to expand them in a post while adding supporting citations and using the voice I've established in my blog.

I'm impressed. It maintains my voice fairly well and definitely expands on what the points I made in my LinkedIn posts. A couple of things are clunky but nothing is truly terrible, even though the annoying AI "chronologic narrative" cadence is prevalent...

A friend sent me an article by Dhruval Makwana titled Flow-First Coding: Why Your Best Code Happens When You Stop Trying So Hard (now deleted), since there's some overlap in my personal coding philosophies.

The piece points in the right direction but it misses the critical point about its core ideas.

When things are wrong in programming it's obvious....

It only took me a year but I finally figured out how to type a Vue Input component.

Unlike React, Vue doesn't ship with synthetic types for inputs which can cause problems for Typescript.

I turned to everyone's favorite "AI" programmer, Claude, and politely asked for the solution:

<script setup lang="ts">
function ...

With these new tools, the adjustment was simple.

My folder structure is updated to this:

/src
  /pages
    +Layout.vue
    /index
      +Page.vue
    /articles
      +Page.vue
      /articles/@articleSlug #dynamic route
        +data.js
        +Head.vue
        +onBeforePrerenderStart.js
        +Page.vue
        +route.js
        +title.js

Two item's I didn't include above are +onBeforePrerenderStart.js and +route.js.

These...