What is JSX?

React JSX, components and props · Freshers

Model answer

JSX is a syntax that lets you write HTML-like markup inside JavaScript. Tools such as Vite with Babel or SWC turn it into normal JavaScript function calls. It is not HTML: for example you write className instead of class, and htmlFor instead of for.

You can put any JavaScript expression inside curly braces: <h1>Hello {user.name}</h1>.

Learn this topic

React Components and Props Explained with Examples in the course React.js Full Course: Beginner to Advanced.

Sign in to add your own answer.

More questions

• What are the rules of JSX?
• What is a component? What is the difference between a function and a class component?
• What are props, and can a component change its own props?
• What is the children prop?
• How do you render a list in React, and why do you need a key?
• What is a fragment and why would you use it?