![First Post](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><linearGradient id="gFirst" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="%238b5cf6" /><stop offset="100%" stop-color="%23ec4899" /></linearGradient><filter id="fFirst"><feDropShadow dx="0" dy="2" stdDeviation="3" flood-opacity="0.3"/></filter></defs><circle cx="50" cy="50" r="45" fill="url(%23gFirst)" filter="url(%23fFirst)"/><circle cx="50" cy="50" r="38" fill="none" stroke="rgba(255,255,255,0.4)" stroke-width="2"/><path d="M60 30 C 50 30, 40 40, 35 55 L 30 70 L 45 65 C 60 60, 70 50, 70 40 C 70 35, 65 30, 60 30 Z" fill="%23ffffff" opacity="0.9"/><path d="M35 55 L 45 65" stroke="%23ec4899" stroke-width="2"/><circle cx="65" cy="25" r="3" fill="%23fef08a"/><path d="M65 15 L65 20 M65 30 L65 35 M55 25 L60 25 M70 25 L75 25" stroke="%23fef08a" stroke-width="2" stroke-linecap="round"/></svg>)
![Author (Silver)](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><linearGradient id="gAuthsilver" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="%2364748b" /><stop offset="100%" stop-color="%23cbd5e1" /></linearGradient><filter id="fAuthsilver"><feDropShadow dx="0" dy="2" stdDeviation="3" flood-opacity="0.4"/></filter></defs><circle cx="50" cy="50" r="45" fill="url(%23gAuthsilver)" filter="url(%23fAuthsilver)"/><circle cx="50" cy="50" r="38" fill="none" stroke="%23334155" stroke-width="2" opacity="0.3"/><rect x="35" y="30" width="30" height="40" rx="2" fill="%23ffffff" opacity="0.8" transform="rotate(-10 50 50)"/><rect x="35" y="30" width="30" height="40" rx="2" fill="%23ffffff" filter="url(%23fAuthsilver)"/><line x1="42" y1="42" x2="58" y2="42" stroke="%2364748b" stroke-width="3" stroke-linecap="round"/><line x1="42" y1="50" x2="58" y2="50" stroke="%2364748b" stroke-width="3" stroke-linecap="round"/><line x1="42" y1="58" x2="52" y2="58" stroke="%2364748b" stroke-width="3" stroke-linecap="round"/></svg>)
![Word Warrior](data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><linearGradient id="gWord" x1="0%" y1="0%" x2="100%" y2="100%"><stop offset="0%" stop-color="%23b91c1c" /><stop offset="100%" stop-color="%23f87171" /></linearGradient><filter id="fWord"><feDropShadow dx="0" dy="2" stdDeviation="3" flood-opacity="0.3"/></filter></defs><circle cx="50" cy="50" r="45" fill="url(%23gWord)" filter="url(%23fWord)"/><circle cx="50" cy="50" r="38" fill="none" stroke="rgba(255,255,255,0.4)" stroke-width="2"/><path d="M25 60 L75 60 L70 75 L30 75 Z" fill="%23ffffff" opacity="0.9"/><path d="M50 20 L55 30 L55 70 L45 70 L45 30 Z" fill="%23ffffff" filter="url(%23fWord)"/><rect x="35" y="65" width="30" height="5" fill="%23b91c1c"/><rect x="45" y="70" width="10" height="15" fill="%237f1d1d"/></svg>)
Analytics Is Architecture: Stop Sprinkling track() Everywhere
This cluster has been about how the parts of an app communicate — event buses for ambient signals, feature flags for toggling behavior. Both articles ...
Jul 30, 2026
4
Feature Flags: Every Flag Is a Branch You Promised to Delete
The event bus article ended on a warning about a certain kind of switch teams sprinkle everywhere with a casual "it's just a toggle" attitude — and th...
Jul 30, 2026
1
The Event Bus: Great for Decoupling, Great for Making a Mess
The last cluster was about making state inside a feature explicit and well-modeled. This one is about what happens between features — how the parts of...
Jul 30, 2026
1
State Machines in React: When Booleans Start Lying to You
Look at a component you wrote recently and count its status booleans. isLoading, isError, isSuccess, isEditing, isSubmitting. Five of them. That's not...
Jul 30, 2026
1
Undo/Redo Without Losing Your Mind: The Command Pattern in React
The optimistic UI article ended on a small observation that turns out to be a big one. The rollback in onError was a single-step reversal: snapshot th...
Jul 30, 2026
2
Optimistic UI: Updating Before the Server Says Yes
At the end of the last article I said that once you hold one coherent copy of server state and can invalidate it precisely, a door opens that used to ...
Jul 30, 2026
1
Server State Is a Cache: Normalization, Duplicates, and Invalidation You Can Trust
The previous article drew a hard line: state the client owns versus data it doesn't. Everything there was about the stuff you own — theme, drafts, pre...
Jul 30, 2026
2
localStorage Is Not State: Persistence, Hydration, and Tabs That Fight Each Other
At the end of the last article I said I wanted to start this run with the deceptively simple persistence question: what belongs in localStorage, what ...
Jul 30, 2026
1
Keeping a UI Kit Updated Across Apps: Versioning, Contracts, and Trust
The hardest part of a UI kit is not writing the components. That's the trap. You can build a clean <Button>, a flexible <Select>, a beauti...
Jul 30, 2026
1
Changing a Component Everyone Uses: Deprecation, Codemods, and No Big-Bang Rewrites
At the end of the last article I told you to go find the one component everyone reimplements slightly differently. So let's say you found it. You know...
Jul 30, 2026
1
Headless Components: Give Away the Behavior, Keep None of the Markup
Here's a thing that took me too long to internalize: the most reusable UI code I've ever written renders nothing. No <div>, no class name, no ma...
Jul 30, 2026
2
Compound Components: Designing an API, Not Just a Component
You build a <Select>. It starts clean — options in, value out. Then the requests arrive. Someone needs a divider between groups. Someone needs a...
Jul 30, 2026
1
Is Container vs Presentational Dead? What Survived the Hooks Era
Somewhere around 2019, "container vs presentational components" got quietly filed under obsolete. Hooks had landed, the man who popularized the patter...
Jul 30, 2026
1
How Big Should a Component Be? Composition, Decomposition, and Handing Over Dependencies
Every code review eventually gets the comment: "this component is too big, split it up." It's good advice roughly half the time. The other half, someo...
Jul 30, 2026
1
The Direction of the Arrows: Dependencies Are Your Real Architecture
Draw your app's architecture on a whiteboard and it always looks clean. Neat boxes, sensible names, tidy layers stacked top to bottom. Everyone nods. ...
Jul 30, 2026
1
Barrel Files: The Import You Love and the Bundle You Hate
There's a specific kind of import that feels like good engineering: import { Button, Card, Modal, Tooltip } from '@/shared/ui'; One line. One path. Cl...
Jul 30, 2026
1
The shared/ Folder Is Not a Place, It's a Promise
Open the shared/ folder in almost any React app that's been alive for a year. Count the files. Then try to explain, out loud, what the folder is for —...
Jul 30, 2026
1
React in 3D: When <div> Becomes <mesh>
The first time someone tells you that you can build a 3D scene — a rotating model, a lit environment, a VR world — using React, it sounds like a categ...
Jul 30, 2026
1
React Native: What 'Learn Once, Write Anywhere' Really Means
The single most useful thing to get straight about React Native is a slogan, and it's one people consistently misquote. The promise was never "write o...
Jul 30, 2026
2
React on the Desktop: When a Window Beats a Tab
There's a specific moment where the desktop pitch becomes irresistible. You've built a genuinely good React app, it lives in a browser tab, and someon...
Jul 30, 2026
1
Documenting Components: The Only Docs That Don't Rot
Every team I've watched try to document their components starts in the same place: a page in the wiki. Someone writes up the Button — here are the var...
Jul 30, 2026
1
Design Prototyping for React: Where the Architecture Actually Starts
The way most engineers relate to a design file is as a target to hit. The designer hands over a Figma frame, and the job — as everyone tacitly agrees ...
Jul 30, 2026
1
Sending Email from a React App: A Backend Problem in Disguise
"When someone signs up, just send them a welcome email." It's the kind of request that gets tossed into a standup like it's nothing, and the person sa...
Jul 30, 2026
1
File Upload in React: The Input Is Easy, the File Is Not
Adding a file upload feels like a solved problem. You drop an <input type="file"> on the page, grab the file in an onChange, POST it to an endpo...
Jul 30, 2026
1
Time in React: The Bugs That Only Show Up at 2 AM
A date is just a value. It sits there in your data looking as harmless as a string or a number, and for a while it behaves. Then one day a user in ano...
Jul 30, 2026
2
Payments in React: The Client Never Decides You Got Paid
On the surface, taking a payment looks like the most ordinary thing in the world: a form with some fields, a submit button, a success message. You've ...
Jul 30, 2026
1
Internationalization Isn't Translation: What Actually Breaks
Ask most developers what internationalization means and you'll get the same answer: instead of writing "Save" in your JSX, you look up a key in a dict...
Jul 30, 2026
1
The Smeared Component: When Architecture Scatters What Should Stay Together
I've been writing code since 2003. That's over twenty years of watching patterns come and go — and occasionally making the same mistakes the patterns ...
Jul 30, 2026
1
Real-Time React: When the Server Has Something to Say
Everything in this series so far has had the same conversation shape: the client asks a question, the server answers. You call useQuery, the request g...
Jul 30, 2026
1
AI in a React App: Past the Demo, Into the Product
The first AI demo you build feels like cheating. A text input, a fetch to a model, a response on screen — thirty lines, maybe less, and suddenly your ...
Jul 30, 2026
1
Testing React Without Drowning: What Each Test Actually Buys You
Two developers look at the same untested codebase and reach opposite conclusions. One says "this is reckless, we need 100% coverage before we ship any...
Jul 30, 2026
1
Hosting a React App in 2026: From DevOps Project to Git Push
The first time I deployed something to production, it took a week and a person whose entire job was making deployments happen. There was a server to c...
Jul 30, 2026
1
Databases for React Developers: What Serverless Actually Changed
There's a specific fear a lot of frontend developers have, and I had it too: the database is where I'm not supposed to go. Tables, indexes, connection...
Jul 30, 2026
1
SSR in React: What TanStack Start Actually Changes
For most of this series I've drawn a clean line: React runs in the browser, the backend runs on a server, and the contract between them is where the i...
Jul 30, 2026
1
The Backend a React Developer Actually Needs to Understand
"That's a backend concern" is one of the most expensive sentences a frontend developer can say. I understand the instinct. There's a clean line in mos...
Jul 30, 2026
1
Authentication in React: Buy It, and Where the Line Really Is
Authentication always starts as a login form. Two fields and a button. You could build that in an afternoon, and that afternoon is exactly the trap. B...
Jul 30, 2026
1
The AI Agent Memory System I Built Was Broken — Here Is the Redesign
A few weeks ago I wrote about giving your AI agent a persistent memory — a simple system of markdown files the agent reads and writes across sessions....
Jul 30, 2026
1
Charts in React: Who Renders the Pixels
The chart looked perfect in the demo. Clean line, smooth animation, a tooltip that felt expensive. Then real data showed up — forty thousand points in...
Jul 30, 2026
1
Forms in React: Where TanStack Form Earns Its Place
Every codebase has one file everyone is a little afraid of. In the apps I've worked on, it's usually a form. Not a login form. Those are fine. I mean ...
Jul 30, 2026
1
React UI Libraries: Who Owns the Styling Decides Everything
The demo always goes well. That's the trap. You're evaluating a component library. You drop in their date picker, their data table, their modal. In tw...
Jul 30, 2026
1
Styling React in 2026: How I Actually Choose
Ask ten React developers how to style a component and you'll start a fight. Not a discussion. A fight. Tailwind people and CSS-in-JS people don't disa...
Jul 30, 2026
1
Immutable Data in React: The Rule I Stopped Arguing About
The company had a legacy PHP application, and we were not brought in to rebuild it. We were brought in to add one module. One module. A self-contained...
Jul 30, 2026
1
Give Your AI Agent a Memory — It Will Stop Disappointing You
I was mass-scrolling LinkedIn and almost missed it. A post from Dmytro Sergiev — a Product Manager, not an engineer — about how he gives his AI agent ...
Jul 30, 2026
1
React State Management with Reatom: When useState Stops Being Enough
The policy builder did not look dangerous at first. It was "just a form." A few sections, some conditional fields, a Save Draft button, a final Submit...
Jul 30, 2026
1
Stop Quizzing Senior Engineers — Start Talking to Them (TL;DR)
I recently wrote a detailed article on this topic. It came out long because I wanted to cover every nuance — the full story, detailed interview exampl...
Jul 30, 2026
1
Stop Quizzing Senior Engineers — Start Talking to Them
I have failed interviews. Multiple times. Not because I did not know my craft — I have been shipping production frontend for well over a decade. I fai...
Jul 30, 2026
1
Routing with TanStack Router: Treat the URL Like Application State
The policy list bug started as a support ticket. An agent filtered policies by status, page, and renewal date. She copied the URL and sent it to anoth...
Jul 30, 2026
1
React Data Fetching with TanStack Query: The Patterns That Keep Apps Calm
Three months into the insurance CRM, we had a page that felt haunted. The policy list would load. Then it would blink. Then it would refetch after swi...
Jul 30, 2026
1
Error Handling in React: What Users Should See When Things Break
The first serious error-handling conversation on the insurance CRM happened after a demo. We had built the policy detail page. It fetched the policy, ...
Jul 30, 2026
1
Code Structure in React: The FSD Version I Actually Use
At the insurance company, our React app started with a structure I still like for small projects. src/ api/ components/ hooks/ layouts/ pages/ types/ ...
Jul 30, 2026
1
TypeScript in React: Patterns That Actually Matter
Six weeks into the insurance CRM project, we had a production incident. The backend team renamed a field — policy_number became policyNumber — as part...
Jul 30, 2026
1
Designing Project Documentation for AI Coding Agents
I joined a project where everyone was writing code. Not just developers — project managers, analysts, even a designer who had never seen a terminal in...
Jul 30, 2026
1
Next.js Static Export to GitHub Pages: A Production Setup Guide
Static export remains the simplest deployment model for content-focused sites. This article documents the setup behind this very site — ma-x.im — a Ne...
Jul 30, 2026
1
Type-Safe React Architecture
I remember the exact moment I realized I couldn't go back. I had been writing TypeScript for a while, got used to it, and then joined a project that w...
Jul 30, 2026
1
Starting a New React Project in 2026-2027: The Stack I Keep Coming Back To
I was three weeks into a new client engagement — a mid-sized insurance company building a policy administration CRM from scratch. No legacy code, no i...
Jul 30, 2026
5
Complex Forms Done Right
At Motorola Solutions I built a multi-step contract wizard where users selected products, services, additional options, and pricing tiers — dozens of ...
Jul 30, 2026
2
Building Design Systems That Scale
At Motorola Solutions I walked into a codebase with hundreds of internal projects. Every team followed the brand book — in theory. In practice, it was...
Jul 30, 2026
3
React Performance Optimization
I joined a large Canadian automotive company as one of three senior frontend engineers. The site was public-facing — a product catalog where users bro...
Jul 30, 2026
2
Monorepo Best Practices
I learned to love monorepos the hard way — by suffering through the alternative. At a large Canadian automotive company, we had a repository for basic...
Jul 30, 2026
3