JSX

Understand the idea

It is transformed by build tooling rather than executed as raw HTML. Curly braces embed expressions. React attributes use names such as className and onClick. A component’s return value describes what React should render.

A concrete example

<span>{todo.title}</span>
<button onClick={() => remove(todo.id)}>Delete</button>

In the application

App.jsx uses JSX to render forms, status messages, and the todo list.

React escapes normal text expressions. Avoid inserting untrusted HTML through bypass mechanisms.

Related concepts

• React
• Vite
• React state