Notes on living, reading, learning, and building.

Collaborative Spreadsheet with react-data-grid (Part 2) August 3, 2025

The EditorContainer and Renderers patterns in react-data-grid, and how to separate state management from rendering.

Collaborative Tables with react-data-grid (Part 1) June 19, 2025

Starting with react-data-grid, this post looks at the architecture, technical challenges, and solutions behind collaborative tables.

Analyzing and Solving Chrome Extension Cross-Context Communication Issues May 22, 2025

A deep dive into why chrome.storage.onChanged events fail to propagate from the background service worker to the options page in Chrome extensions, with a hybrid event-polling solution.

Cross-Platform Development Pitfalls: File System Case Sensitivity May 7, 2025

Solving the strange issue where local development works on macOS/Windows but Vercel builds fail, and understanding case-sensitive file system differences.

Data Visualization March 10, 2025

Data visualization is a broad topic. Here I cover some core concepts and notes from developing with D3.js, from data processing to visual mapping, and from layered architecture to interaction design.

CSS Grid February 19, 2025

Understanding CSS Grid's line-based model, naming system, and how Subgrid and Grid Lanes redefine web layout.

Static Resource Integrity Verification July 22, 2024

Prevent CDN resource tampering with SRI.

A Community Feedback July 4, 2024

Flexbox: flex-grow and flex-shrink April 3, 2024

Understanding the two most overlooked Flexbox properties: flex-grow and flex-shrink.

cloneElement and Dynamic Component Rendering March 30, 2024

Learn how to dynamically inject props and compose components.