JSX

JSX (JavaScript XML) is a syntax extension for JavaScript that allows developers to write HTML-like code directly within JavaScript files. It's primarily used with React to describe the structure and appearance of user interfaces in a declarative and intuitive manner, which then gets transpiled…

Key facts

First appeared: 2013
Category: technology
Problem solved: JSX was created to address the complexity and verbosity of creating UI elements directly using JavaScript's `React.createElement()` calls or manipulating the DOM with pure JavaScript. It offers a more declarative, readable, and intuitive way to describe UI components, bridging the gap between JavaScript logic and visual markup.
Platforms: Node.js (for server-side rendering and build processes), React Native (mobile applications), Web browsers (after transpilation), Electron (desktop applications)

Related technologies

TypeScript
Babel
Solid.js
Remix
Vite
Webpack
Next.js
React Native
Preact
React

Notable users

Microsoft
Uber
Discord
Airbnb
Netflix
Shopify
Meta (Facebook)
Instagram