What is JSX and how is it used in React?

JSX is JavaScript syntax extension that looks like XML syntax. It's used as a conventional way to write tree like structures with attributes in JavaScript. ReactJSX can transform this syntax native JavaScript.