Building JavaScript for JavaScripters
summary
Builds a babel 7 processor for CodePen using an explicit plugin array instead of presets, migrates from babel-standalone, and writes a custom infinite-loop plugin that detects and halts nonterminating loops. Tests each plugin and integration, validates imports and error line mapping, and wires the processor into the client via a web worker. Results: modern JS features run in the editor, most users need no ES2015 compilation (about 1,000 IE11 sessions, 12 on IE10 or lower), and infinite-loop protection prevents page crashes.
AI-written summary · about
chapters (20)
- 0:00Intro
- 0:29Cassidy Williams
- 0:41Codepen
- 1:24Pen Editor
- 2:14Babble
- 3:23What we wanted
- 3:52Babel Standalone
- 4:37Browser Support
- 5:27ES 2015
- 5:57Plugins
- 6:54Visitor Plugin
- 7:19Infinite Loop Plugin
- 8:27Babel Config
- 10:32Babel Processor
- 11:00Config
- 11:39Handling errors
- 12:54Client response
- 13:33Testing
- 14:53Client
- 17:10QA with Cassidy
