Inside CodePen's Live Preview: How Auto-Refresh Actually Works
CodePen's Live Preview doesn't reload the page on every keystroke. It streams incremental patches to an isolated iframe over a WebSocket connection. Here is how that pipeline works, where it breaks, and how to confirm it in your browser.
codepen