Inside Babel: Parsing JSX into AST

🚀 Unbundle React: EP3 - Babel under the hood: Parsing JSX into AST 🚀
The first step involved in rendering a #React app is transforming the JSX into #Javascript code. This phase is handled by the transpiler Babel.
- What is a transpiler?
- How does it work
- What steps does our code go through?
We’ll dive deep into Babel’s inner workings by installing the @babel/parser package to manually parse JSX and explore the Abstract Syntax Tree (AST) using AST Explorer.
Explore JSX specs from Facebook: facebook.github.io/jsx/#prod-...
Check out the AST Explorer: astexplorer.net/
👍 Be my friend, say hi, like and subscribe! 🫂