What is JSX?
The short answer
JSX is a syntax that lets developers write HTML-like markup inside JavaScript, used by React to describe what a component renders.
JSX, explained
It compiles to ordinary function calls; it looks like HTML but follows JavaScript rules, such as className instead of class.
Questions people ask about JSX
What is JSX?
JSX is a syntax that lets developers write HTML-like markup inside JavaScript, used by React to describe what a component renders.
Related terms
React is a JavaScript library for building user interfaces from reusable components that update automatically when their data changes.
ComponentA component is a self-contained, reusable piece of interface, like a button, card or navigation bar, with its own structure, style and behaviour.
DOMThe DOM is the browser's live, tree-shaped model of a web page; JavaScript reads and changes the DOM to update what visitors see.
Semantic HTMLSemantic HTML uses elements for their meaning, such as header, nav, main, article, button and h1 to h6, instead of generic divs, so machines understand the page.
Part of the Web Encyclopedia by Apex Flow Digital. Definitions are general knowledge, kept current, with no invented statistics.