All Posts

Tech insights & thoughts

Debugging Next.js 16 Turbopack Memory Leak and CPU Spin: A Complete Investigation from Browser to Node.js Process

Apr 22, 2026·12 min read

A complete debugging journey starting from browser-side memory leak investigation, ultimately identifying an official Next.js 16 Turbopack dev server bug. Covers React component optimization, CSS performance analysis, and process monitoring techniques.

Next.jsTurbopackDebuggingNode.js

Jelly-like Smooth Scrolling: Build a Custom Scrolling Component from Scratch

Apr 22, 2026·8 min read

Learn how to implement an elastic jelly scrolling effect using pure CSS and vanilla JavaScript with React, including device adaptation, performance optimization, and practical implementation tips.

ReactUXAnimationTypeScriptFrontend

Simple Icons CDN Theme Color Not Working? Fixing Icon Colors with Custom Dark Mode

Apr 23, 2026·8 min read

When your site uses a custom dark mode implementation instead of prefers-color-scheme, Simple Icons CDN's dual-color URL breaks. Here's the debugging journey, root cause, and complete fix.

Simple IconsDark ModeReactCSS

Theme Switching with View Transitions API: Analysis and Lessons from Element Plus

Apr 24, 2026·10 min read

An in-depth analysis of a dark/light theme switching implementation inspired by Element Plus, covering useSyncExternalStore, View Transitions API circular reveal animation, CSS custom properties, and lessons learned.

View Transitions APIDark ModeCSS Variables

Featured

Four Layers of Context Management: How I Stopped My AI Assistant from Forgetting

Apr 24, 2026·12 min read

How I replaced a naive 20-message sliding window with a four-layer context management system — dynamic token budgeting, conversation summarization, key info extraction, and prompt compression — to prevent information loss in long AI conversations.

AILLMContext-Management

Taming AI Chat Streaming: RAF Throttling, Segmented Markdown Caching, and Virtual Scrolling

Apr 24, 2026·12 min read

How to optimize real-time Markdown rendering in AI chat interfaces with three techniques: requestAnimationFrame-based stream throttling, segmented Markdown parsing with cache, and a custom virtual scrolling list.

PerformanceVirtual ScrollingStreamingMarkdown

Featured

Building Resilient AI Chat Streaming: Preserving Partial Content and Auto-Retry with Exponential Backoff

Apr 24, 2026·10 min read

How I implemented a resilient streaming architecture for an AI chat interface that preserves partially received content during network interruptions and automatically retries with exponential backoff.

StreamingAIError HandlingExponential Backoff

Taming iOS Safari's PWA Status Bar — Why Dynamic Theme Switching Doesn't Work and How to Fix It

Apr 25, 2026·6 min read

iOS Safari PWA mode only reads the status bar style once at launch — here's how I discovered this limitation, the bugs it caused, and how the `black-translucent` solution with safe area support finally solved it.

PWAiOSWeb Development