JSX (JavaScript XML) è una sintassi di estensione per JavaScript utilizzata principalmente insieme a React per descrivere l’interfaccia utente (UI) della nostra applicazione come un mix di JavaScript e HTML.
JSX può essere pensato come un linguaggio di markup che può essere utilizzato per modificare direttamente il DOM. Viene utilizzato per strutturare e manipolare componenti React in modo più semplice e più leggibile.
Ad esempio, un elemento JSX potrebbe assomigliare a questo:
```
const element =
In React, tutto ciò viene trasformato in JavaScript per creare elementi DOM reali. Con JSX, è possibile rendere più leggibile e conciso il codice javascript necessario per creare la struttura DOM della nostra app React.