Next.js
Structured data in Next.js: Person and BlogPosting schema
A practical guide to JSON-LD in the Next.js App Router: where the schema goes, why @id references matter more than inline objects, and the mistakes that make it silently useless.
Writing
Frontend engineering articles
Practical writing on React, JavaScript, frontend architecture, and developer-facing product work.
Design Systems
Extracting design tokens from a site you don't control
Turning a URL into a usable design token set: why frequency counting fails, how prominence weighting fixes it, and why screenshots belong in verification rather than extraction.
Demos
What building 40+ product demos taught me about software
A year of building demo environments full time: what transferred from product engineering, what inverted, and where the line sits between a fast demo and a dishonest one.
Case study
Building search for a smart TV streaming platform
Building search for a streaming app on smart TVs with LightningJS — fanning a single query across multiple content APIs and resolving the results on a D-pad.
TypeScript
How to type third-party API responses in TypeScript (without lying to your compiler)
A practical guide to typing API responses in TypeScript: where generics help, why type assertions are a trap, and how runtime validation and codegen give you real end-to-end safety.
TypeScript
TypeScript vs. JavaScript: Explaining the differences
TypeScript provides developers many advantages over JavaScript: you can identify and enforce data...
JavaScript
What is the global object in JavaScript? A practical guide for developers
The JavaScript global object and scope are a key part of building apps with JavaScript....
Vue
Vue vs. React: Which JavaScript UI framework is best?
Choosing the right UI framework can make a big difference to your project's success. Vue and React...
React
React vs. React Native: The difference, and which is best for you
Choosing between React vs. React Native for your project can be confusing. Both JavaScript user...
Demos
Designing Demos That Don’t Lie: A Demo Engineer’s Guide
There’s a special kind of dread that comes from watching a demo you know will never survive first...
React
What is React memo? How to improve React performance
React memo is a powerful feature that improves the performance of your React applications by letting...