Stop 17 · Build ToolsTopics · 4/9

Babel

Part of the Frontend Developer Roadmap

In short

A JavaScript compiler that transforms modern syntax (and JSX/TypeScript) into a version compatible with older browsers or environments.

How to learn this

  1. 1Paste some modern JS into the Babel REPL and see the compiled output.
  2. 2Learn what a Babel 'preset' (like `@babel/preset-react`) actually does.
  3. 3Understand how Babel differs from a bundler — it transforms code, it doesn't bundle files.

More topics at this stop

Stuck on this topic? Ask an Insider

Get 1:1 guidance from people who've walked this exact path — on the InsideEdge app.

Download
InsideEdge