Blog97.3K views1,078 votes0 replies1,204 following
How CodePen Ships Your Keystrokes to the Preview: Iframes, Compilers, and Live Sync
CodePen's instant preview rests on three stages — a sandboxed iframe, a preprocessor build step, and WebSocket live sync — and each one explains a class of confusing pen behavior.
codepen