What is React with JSX, and how are JSX and Babel related?

JSX can best be thought of as a markup syntax that very closely resembles HTML.

React is a library which uses JavaScript functions to generate strings of HTML it inserts into a web page document’s body.

JSX makes writing React components, the building blocks of React UI, easier by making the syntax developers use for generating these strings of HTML almost identical to the HTML they will inject into the web page.

Babel parses JSX syntax, which browsers cannot understand, and transpiles your source code into JavaScript that is less human friendly but will run in browsers.