React JSX

Introduction

Example

1/* this creates JSX */
2const title = <h1>Hello React!</h1>;
3const page = (
4  <div>
5    {title}
6    <p>This is JSX.</p>
7  </div>
8);

Key Points

• JSX blends HTML and JavaScript together.
• It requires wrapping multiple elements in a single parent.
• You can inject JavaScript variables using curly braces `{}`.
• Browsers cannot read JSX without a compiler like Babel.