JSX

JSX Elements

React uses the createElement() function from the React global to compile JSX syntax to JavaScript so that it can be understood by web browsers. Therefore defining JSX elements like the below.
Is the same as doing:
As seen above and also in the Basic JSX Syntax post, createElement() can take three parameters.

type – …

Basic JSX Syntax

The React library uses a JavaScript syntax extension called JSX. JSX syntax in React looks like a combination of JavaScript and HTML. Some examples of basic JSX syntax can be seen below.
JSX elements are treated as expressions, and therefore they can be stored in a variable, like the below example. Note the use of …