Tag

Architecture

14 Sept 202611 min read

The Senior Frontend Engineering Blueprint, Part 7: Building a Linear-Time Query Language Parser

Every product with a power-user search box eventually needs a real query language, and reaching for new RegExp(userInput) is how you end up hand-rolling a vulnerability. Here is a filter-query DSL built from a sticky-regex tokenizer, a recursive-descent parser, and a recursive Zod schema — with a ReDoS stress test to prove the O(N) claim.

10 Sept 202613 min read

The Senior Frontend Engineering Blueprint, Part 5: Edge Proxies, Auth.js Credentials and a Server-Side Data Access Layer

A redirect from the edge feels like security, but an attacker can skip it entirely by calling your Server Action directly. Here is the request pipeline Next.js 16 actually runs, a Credentials-based Auth.js v5 setup with Prisma and RBAC, and the data access layer that is the only boundary that actually holds.

8 Sept 202610 min read

The Senior Frontend Engineering Blueprint, Part 4: Virtualising 50,000 Rows Without Losing Accessibility

Rendering 50,000 DOM rows is a real performance problem, and virtualising them away is a real accessibility problem if you stop at the transform. Here is a generic VirtualList built from scratch, with the ARIA contract most implementations skip.

4 Sept 202612 min read

The Senior Frontend Engineering Blueprint, Part 2: Server Components, Server Actions and Optimistic UI

Part 2 of an eight-part build: where the Server/Client boundary actually goes, static pages that still regenerate themselves, the static-shell-plus-streaming-hole trade-off, and a webhook handler that verifies its own signature correctly.

2 Sept 20268 min read

The Senior Frontend Engineering Blueprint, Part 1: Docker, Strict TypeScript, and a Real Prisma Data Layer

Most 'add a database' tutorials stop at new PrismaClient() and quietly ship a connection-pool leak the first time someone edits a file in dev. Part 1 of an eight-part series builds the foundation properly: Docker Postgres, a genuinely strict tsconfig, branded types, and a Prisma layer with cursor pagination and real transactions.

28 Aug 20266 min read

Swift 6 Strict Concurrency and Kotlin Multiplatform: Two Ways to Not Have a Data Race

Swift 6.2 inverted its concurrency defaults — main actor by default, escape on purpose — and it changed migration from a slog into something tractable. Meanwhile KMP shares the logic that would otherwise be written twice. Here is how the two fit together.

25 Aug 20268 min read

Local-First Sync Engines: CRDTs, SQLite and Where the Write Boundary Goes

Offline-first is not a caching problem, it is a distributed systems problem you moved onto a phone. The real decision is not which CRDT library — it is where writes become authoritative, and every sync engine answers that differently.

21 Aug 20268 min read

Next.js in 2026: The Flight Wire Format, Cache Components and Tag Invalidation

React Server Components do not send HTML and they do not send JSON. Here is what actually goes over the wire, how Cache Components replaced three separate flags, and the invalidation race that a single-argument `revalidateTag` used to hide.

18 Aug 20267 min read

React Native's New Architecture: JSI, Fabric and the Bridgeless TurboModule

The bridge is gone — removed outright, not deprecated. What replaced it is a set of C++ abstractions with real performance characteristics, and a new generation of native modules that compile straight to JSI bindings.

11 Aug 20269 min read

Deterministic Multi-Agent Orchestration: Escaping the Infinite ReAct Loop

Autonomous coding agents fail in a predictable way: context poisoning inside a freeform reason-act loop. The fix is not a better prompt — it is a finite state machine with programmatic gates, scoped tool access per phase, and automatic rollback.

14 Jul 202619 min read

Cracking the Staff & Architect Frontend Interview: The Battle-Tested Playbook

Staff and architect interviews are not coding tests — they are risk-assessment conversations. Here are the seven technical pillars that decide the outcome, with the mechanics underneath each one.