JSX
Syntaxen som låter dig skriva HTML-liknande kod direkt i JavaScript. Så beskriver React-komponenter sitt innehåll.
JSX är en syntaxförlängning till JavaScript som låter dig skriva HTML-liknande kod direkt i dina funktioner. I stället för att anropa React.createElement('h1', null, 'Hej') skriver du bara <h1>Hej</h1>.
JSX kompileras till vanlig JavaScript av bundlern — det webbläsaren kör är inte JSX utan vanlig JS-kod. Du kan blanda JavaScript och JSX fritt med hjälp av klamrar: <p>{användarnamn}</p> renderar värdet av variabeln.
JSX är inte obligatoriskt i React men används av praktiskt taget alla React-projekt. I Next.js stödjer alla .js- och .jsx-filer JSX-syntax utan konfiguration.