How I stop re-renders in big React forms: uncontrolled refs
Production tactics for large React forms: use uncontrolled inputs, refs, and event delegation to kill keystroke re-renders while keeping validation sane.
Architecture, agentic AI workflows, and shipping production systems at AI-speed.
53 entries
Production tactics for large React forms: use uncontrolled inputs, refs, and event delegation to kill keystroke re-renders while keeping validation sane.
A production pattern I use to coordinate React components without prop drilling or store-bloat: a strictly typed event bus with React-safe hooks.
How I ship optimistic UI in React without state drift: versioned writes, idempotency keys, React Query/Zustand patterns, and the rollback math.
A blunt, practical guide to useMemo in React 19: where it genuinely helps, where it’s noise, and how to profile renders before you cargo‑cult memoization.
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.
Five years, honestly told: an ASP.NET healthcare backend in 2021, full-stack MERN through the ChatGPT shift, nights of embeddings homework, and finally shipping five AI products solo. The journey, without the gloss.
Practical guide to embedding SQLite in Tauri with sqlx: file location, compile-time migrations, WAL pragmas, and failure modes for single-user datastores.
A practical, cross-platform harness to prove your desktop app makes zero outbound network calls in CI by default—block, log, count, and assert.
Build a single, ordered, de-duplicated event stream from Twitch IRC and YouTube Live Chat with Hybrid Logical Clocks, watermarks, and idempotent delivery.
Build a fully local Twitch chat ingestor in Rust with a resilient WebSocket reconnect loop, exponential backoff with jitter, and a pragmatic state machine that survives flaky networks.
Replicate user settings across devices on the same LAN without servers by combining Automerge CRDT sync messages with mDNS peer discovery and a tiny TCP transport.
A zero-cloud, cross‑platform pattern to encrypt Tauri local storage at rest using age (X25519) and the OS keychain for seamless key management.
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.
A field guide to diagnosing and terminating async deadlocks in production Tauri apps using Tokio task dumps, tokio-console, and end-to-end tracing spans.
Use memory-mapped files to load massive scene assets instantly and safely without duplicating data in heap and page cache. Concrete Rust patterns inside.
A practical, end-to-end method to profile Tauri apps: correlate Rust spans with React paints, align clocks, and read a single cross-IPC flamegraph.
Build a SIMD-accelerated sentiment scorer in Rust, ship it as WebAssembly, and keep chat analysis off the UI thread without hurting battery or FPS.
Five production systems — a Rust desktop cockpit, a workflow engine, a local-first AI finance agent, and two autonomous pipelines — designed, built, and shipped by one engineer. Here's the operating model.
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.
The exact three-layer operating model — architect, Claude Code, MCP-wired systems — that lets one engineer ship like a squad, and the 30-day plan for installing it inside a real company.
Most production AI traffic is simple or repetitive, yet it's billed at frontier-model prices. The cache → flash → frontier cascade that fixes the economics, with a live interactive cost simulator.
How I engineered consistency: an autonomous GitHub Actions pipeline that turns real work into scheduled LinkedIn posts, tracks state in Git, costs $0 to run — and what the same pattern automates inside a company.
A cron-scheduled pipeline drafts articles with Gemini, writes MDX, commits to Git, and redeploys the static site — no CMS, no server, no database, no bill. The architecture of refusing infrastructure.
Sable is a local-first AI financial agent: all data in on-device SQLite, no cloud backend, and a Review & Confirm boundary where the model proposes but only a human commits. The trust architecture, explained.
streamerOS runs on the most contested consumer PC there is — game, encoder, OBS, chat. Why a Rust + Tauri core, on-device chat ingestion, and a MessagePack IPC bridge were the product decision, not a preference.
Persisting React Flow's UI objects nearly sank the product. Drawing a serialization boundary between view and domain cut payloads 94% — the reasoning behind the call, and how to audit your own product for it.
AI made hands abundant; heads stayed scarce. The closing argument of the Founder's Log series — the architectural judgment pattern across five shipped products, addressed to the person deciding whether to interview me.
A practical, measured look at how opt-level=z, fat LTO, and panic=abort shrink Rust binaries for production systems like streamerOS—and the trade-offs.
Use tokio JoinSet and semaphores to bound parallel media decoders, enforce backpressure, and build cancellation-safe ffmpeg workers with structured concurrency.
A ruthless, code-first look at hitting a ~1.8% idle CPU budget in long‑running Tauri tray apps by replacing polling with event‑driven plumbing.
Build a zero-allocation, lock-free SPSC ring buffer with crossbeam to stream audio metering data to a 60 FPS UI in Rust without contention.
A practical, deterministic workflow to catch and bisect memory regressions in a Rust media pipeline using dhat for budgets and heaptrack for call stacks.
Cut Tauri v2 Rust↔WebView IPC overhead by batching events and serializing with rmp-serde MessagePack, with concrete code for both sides.
We replaced serde_json with simd-json in streamerOS’s IPC layer and benchmarked the deserialize hot path, showing where SIMD wins and where it doesn’t.
Design a Tauri Rust core that survives chat floods without memory blowups using bounded channels, drop-oldest semantics, and time-based batching.
Build a zero-copy Twitch IRC parser in Rust using bytes::Bytes and nom to sustain 5,000+ messages/sec without heap churn or unnecessary allocations.
Practical, code-first arena allocation patterns in Rust that kept our live-streaming OS under 152 MB RAM for 12-hour broadcasts with zero leaks.
A field-tested workflow to profile and tune a Tauri v2 Rust backend using tokio-console, slashing wake storms and sustaining 1.8% CPU across 4 streams.
Rich UI objects make terrible database records. A Serialization Adapter I built for IntegrateX split render model from transport record and cut payloads by 94%.
A single WebSocket server is a weekend project; streaming telemetry to thousands across instances broke for me on streamerOS — Redis pub/sub, rooms, coalescing.
Profiling a clinical API taught me MongoDB aggregation pipeline optimization lives or dies on stage order: $match first on indexes, $lookup join performance, then explain.
The Claude context window is one token budget shared by prompt, tools, thinking, and reply. I count tokens and guard it in code so a reply never truncates.
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.
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.
Late 2022 dropped the cost of writing software overnight. Why the bottleneck moved from syntax to judgment — and why MERN engineers were positioned to win.
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.
Node-graph editors serialize enormous JSON. A custom Serialization Adapter pattern that separates the React Flow render model from the transport record cut IntegrateX payloads by 94%.
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.
On IntegrateX a React Flow canvas stayed inert until I compiled it: a dependency map, a topological sort into a runnable plan, and cycle detection before it runs.
I treat prompt caching as FinOps: order the static prefix first, keep it byte-stable, and stop re-paying to re-read an 8K preamble on every request.
The streamerOS support agent kept re-answering the same question phrased ten ways, so I built a semantic cache that matches meaning, not the string.
Polling dashboards lie between ticks — I learned that the hard way. Now I push telemetry over WebSockets for sub-second parity across every React client.
I cut a React Flow agent-graph payload 94% without losing a node — not with gzip, but by shaping a custom serialization format around the data: schema, not prose.