How does babel work?

Question

React

There is jsx in the document, at what point in document parsing does babel come into play? What exactly does it do (basic steps), before which next browser action does babel end?

Answer 1

The render code of your react component should look like this

class HelloMessage extends React.Component {
  render() {
    return React.createElement(
      "div",
      null,
      "Hello ",
      this.props.name
    );
  }
}

Babel from JSX turns this into what is above. At what stage? I think at the stage of formation of the bundle.
Documentation JSX->JS

Answer 2

https://learn.javascript.ru/es-modern-usage