JSX Introduction

JSX is an important part of this course since we will depend on JSX to write most of our React components.

React can be used without JSX though it might be difficult and tedious to use React without JSX.

JSX stands for JavaScript XML. It allows us to write HTML directly into JavaScript.

js
Copier le code
Collapse
const element = <h1>Hello World</h1>;

It is important to note that JSX cannot be processed directly by the browsers; hence, we need to compile it into simple JavaScript.

For that purpose, we use a toolchain called Babel – which comes with the create-react-app node package, mentioned in Chapter 2. so we don't have to worry about installing it separately. All you need to know about Babel is that it is the toolchain that converts the React code written in JSX into simple JavaScript.