JSX

JSX - JavaScript Syntax Extension

A preprocessor step that adds XML syntax to javascript.

• It looks like XML/HTML
• Defines a familiar syntax to define tree structure with attributes
• It is not requires but makes things easier while writing react components.
  
  
  
   

The left side represents code written in JSX and right hand side is the corresponding javascript . Just to make a list of four colors you can see the amount of code we have to write if we are not using JSX.