JSX

React 🟢 Junior

Definition

Syntaxe qui permet d'ecrire du HTML dans du JavaScript. Le compilateur le transforme en appels React.createElement().

Analogie

C'est comme un moule a gateau : tu dessines la forme en HTML, et React coule le JavaScript dedans.

Exemple de code

// JSX compile en createElement
const el = <h1 className="title">Bonjour</h1>;
// equivalent a :
const el2 = React.createElement('h1', { className: 'title' }, 'Bonjour');

Cas d'usage

Utilise dans chaque composant React pour decrire l'interface de maniere declarative.

Anti-pattern

Oublier que class s'ecrit className et for s'ecrit htmlFor en JSX.

Termes lies

#core#interview#syntax