What is JSX and its rule? JSX is the abbreviation of JavaScript XML. XML is the short form of Extensible Markup Language XML primary purpose is to store and transport data and it allows developer to use custom tags and also extremely strict -requires closing tags, case-sensitive JSX is a syntax extension for JavaScript that lets you write HTML-like markup inside a JavaScript file. Although there are other ways to write components, most React developers prefer the conciseness of JSX Facebook Choose XML Syntax to create JSX for various reasons XML Syntax is Predictable and Strict : Mandatory Closing Tags: HTML allows unclosed self-closing tags like <img> or <input> . XML requires every tag to be closed strictly (<img /> or <input />) , which makes it incredibly simple for automated tools (like compiler preprocessors) to parse without guessing.…