Inside Babel - Comparing My Custom JSX Transformer to Babel’s JSX Plugin 

🚀 Unbundle React: EP8 - How babel implements JSX transformer 🚀
In this video, we take a deep dive into comparing my custom JSX transformer with Babel's official implementation-babel-plugin-transform-react-jsx. We’ll explore how both handle JSX transformation, and evaluate the differences in code structure.
If you’re curious about how Babel processes JSX under the hood this video is for you!
📌 Key Topics Covered:
Breaking down Babel's babel-plugin-transform-react-jsx implementation
Comparing the structure of the custom JSX transformer vs. Babel’s plugin
By the end of this video, you’ll have a clear understanding of how Babel transforms JSX, and how to extend or customize transformations to suit specific needs.
👉 **Next video**: Testing my implementation against React
⏮️ **Previous video**: [Inside Babel - How to transform Fragment to function calls using Babel]( • Inside Babel - How to ... )
#JavaScript #ReactJS #Babel #JSX #WebDevelopment #FrontendDevelopment #ProgrammingTutorial #AST #JSXtoJS #CodingTips #BabelTutorial #ReactComponents #reactcomponents
References:
Github branch for this episode
github.com/don...
Visitor pattern in babel
github.com/jam...
Babel's node types: github.com/bab...
Babel Types Cheat Sheet
github.com/don...
👍 Be my friend, say hi, like and subscribe! 🫂