Video Tutorial JSX syntax

To discover React we use the function React.createElement but this produces code that is quite verbose and not very legible. To simplify the creation of React elements it is possible to use a specific syntax: The JSX syntax.

This syntax being specific to React it is not understood by the browser and we will therefore need a tool to convert JSX to JavaScript. We can use different tools for this (Webpack with babel, Parcel, Rollup with babel, Esbuild ...) but to start our discovery we will just load babel in standalone mode (this approach will only be used for educational purposes ).