Notes on performance, complex interactive UIs, and building production systems with React/TypeScript.
Architecture notes in Cursor and Claude became Markdown + Mermaid; PDF export was the weak link. I shipped md-mermaid-pdf on npm—CLI, programmatic API, Docker, GitHub Action, docs, recipes, and a live demo—so diagrams render before the PDF is written.
Read article →After Part 1 took the site to 81 with SSG, Part 2 goes to 100 by eliminating render-blocking resources (Tailwind CDN, Google Fonts), code-splitting routes and post content, and self-hosting fonts and assets.
Read article →How I took a Vite/React SPA from an empty HTML shell to fully pre-rendered pages (SSG), why that boosted Lighthouse, and the real-world gotchas (redirects, router context, localStorage, dynamic routes) you’ll hit when you build it yourself.
Read article →Interaction design, performance, and state architecture lessons from real production floorplan tooling.
Read article →Practical patterns for fragments, pagination, cache strategy, and UI state in large React + Relay codebases.
Read article →Tradeoffs that matter: virtualization, fetch strategy, column rendering, and perceived performance.
Read article →A practical workflow for profiling, validating improvements, and tying results to real-user metrics (Web Vitals/RUM).
Read article →