#Architecture
8 articles — newest first.
- 10 min read
Optimistic React UIs that don't drift from the server
How I ship optimistic UI in React without state drift: versioned writes, idempotency keys, React Query/Zustand patterns, and the rollback math.
- 10 min read
Stop mixing render and domain state in React dashboards
A pragmatic split for large React 18 dashboards: keep server/domain data out of UI stores, cut re-renders and payloads with a thin serialization adapter.
- 8 min read
Zero-Account Auth: Device-Bound Identity + Capability Tokens
Build secure apps without accounts or an auth server: bind identity to device keys, mint PASETO capability tokens, and enforce DPoP for stateless, least-privilege access.
- 6 min read
Vision Over Syntax: Design Before Code
Syntax is solved; vision is not. How architecture-first thinking — data contracts, trust boundaries, and deliberate refusals — is the real engineering skill in the AI era, shown through shipped products.
- 6 min read
The AI-Native Portfolio: Landing Lead Roles
A portfolio that lists 'used ChatGPT' reads junior. One that demonstrates systems architecture — RAG, agents, guardrails, latency budgets — reads like the lead they're trying to hire. Here's how to build the second one.
- 8 min read
The 10x Reality: How AI Replaced the Traditional MERN Squad
AI shifted the engineer's job from writing syntax to directing architectural flow. Why one architect with Claude now outships a traditional 10-person MERN squad.
- 7 min read
How I Run Agents Off a React Flow Canvas, Not a Diagram
On IntegrateX, the React Flow graph a PM drags is the exact spec the runtime executes — typed nodes and ports make it a debuggable agent orchestration layer.
- 7 min read
When Logs Lie: Tracing LLM Agents with OpenTelemetry
The live RAG concierge on this site ships a span per step — tokens, cost, latency in OpenTelemetry — which is how I trace LLM agents, not guess from logs.