Five devs, a mid sized product, roughly 200 components. The argument for removing it was one I still think was reasonable: nobody could read the markup, review diffs were unreadable, and two people flatly refused to…
I have a badge component that takes a colour prop and builds the class from it, something like a template string that produces or depending on the value. In development every badge is correctly coloured. In the…
Class strategy. A in a client component reads localStorage and sets . Profiled it with 4x CPU throttle: first paint at 82ms, fully light. Class lands at 214ms. So there is a solid 130ms of white page before it snaps to…
pnpm workspace, and . The block with my brand colours lives in and everything in the app renders correctly. A Button in uses . The class is in the DOM. There is no matching rule anywhere in the emitted stylesheet.…
We have about 60 components in a shared package. Currently every variant is a ternary in a template literal and some of them are four levels deep and genuinely unreadable. The obvious move is cva. The thing stopping me…
Same app, same components, upgraded from v3 to v4 and the emitted stylesheet more than quadrupled. Nothing about the UI changed. I have read the output and there are thousands of utilities in there that no component of…
Same card component, two contexts. In the sidebar it is 240px wide and needs to stack. On the main page it is around 900px and should be a row with the meta on the right. I already have a hook in the codebase from…
Coming from BEM, so this may just be a me problem. I have a card element whose className is 38 classes long including four responsive variants and two hover states, and it takes up three lines in the editor. It works.…