Back to course

Introduction to JSX

React JS 0 to Hero: The Complete Guide

What is JSX?

JSX stands for JavaScript XML. It allows us to write HTML-like code inside JavaScript.

jsx const element = <h1>Hello, World!</h1>;

React transforms this into React.createElement() calls. Note: In JSX, we use className instead of class and htmlFor instead of for.