JavaScript Transformation
summary
Creates Babel as an actual compiler that turns ES2015 (and Flow, JSX, React) into runnable ES5, using AST passes, traversal and a transformer/generator pipeline. Shows concrete failures: arrow function pitfalls (this, arguments, new, prototype aren’t perfectly reproducible), and practical wins: JSX hoisting to reduce runtime work and an automated IE8 fix for named function expressions. Demonstrates a working emoji-identifier transpiler and explains where transpilation adds overhead or cannot faithfully emulate native semantics.
AI-written summary · about
chapters (16)
- 0:00Introduction
- 0:52History
- 2:18Context
- 2:47AST
- 3:39Traversal
- 4:44Example
- 5:49Removal
- 6:47Translation
- 8:44Error Functions
- 9:36No Prototype
- 12:35Application Optimization
- 13:39JSX
- 14:45React
- 16:03Summary
- 17:02HAP
- 18:01Emojification
