JSX

JSX is a pre-processor step that adds XML syntax to JavaScript.

JSX is a statically-typed, object-oriented programming language designed to run on modern web browsers.

We can use React without JSX but JSX makes React a lot more elegant.

Characteristics of JSX:

• Faster:
• JSX performs optimization while compiling the source code to JavaScript. 
• The generated code runs faster than an equivalent code written directly in JavaScript. 
• Safer:
• JSX is statically-typed and mostly type-safe. 
• The quality of applications becomes higher when being developed using JSX, since many errors will be caught during the compilation process. It also offers debugging features at the compiler level as well.  
• Easier:
• Expressions and statements, however, are mostly equal to JavaScript, so it is easy for JavaScript programmers to start using JSX.