Quiz sur JSX et React

Qu'est-ce que JSX ?

• Une bibliothèque JavaScript pour la création d'UI

• Une syntaxe pour intégrer CSS dans JavaScript

• Une extension de syntaxe permettant d'écrire des interfaces utilisateur ressemblant à du HTML

• Un outil de compilation pour JavaScript

Pourquoi utilise-t-on JSX dans React ?

• Pour manipuler directement le DOM

• Pour améliorer la lisibilité du code

• Pour transformer du HTML en JavaScript

• Pour gérer les bases de données

Quelle est une différence clé entre JSX et le JavaScript classique ?

• JSX utilise une syntaxe proche du HTML, tandis que le JavaScript classique n'en utilise pas

• JSX fonctionne uniquement dans les navigateurs modernes

• JSX remplace complètement JavaScript

• JSX n'est pas compatible avec React

Que permet d'intégrer JSX directement dans le balisage avec des accolades {} ?

• Des éléments HTML

• Des éléments CSS

• Des expressions JavaScript

• Des fonctions de serveur

Quel est le rôle de Babel dans l'utilisation de JSX ?

• Transformer le code JSX en JavaScript compréhensible par le navigateur

• Exécuter directement le code JSX

• Convertir le CSS en JSX

• Générer automatiquement des composants React

Pourquoi utilise-t-on des fragments (‹React.Fragment› ou ‹‾) en JSX ?

• Pour encapsuler plusieurs éléments sans ajouter de nœuds supplémentaires au DOM

• Pour appliquer des styles CSS

• Pour optimiser les performances du DOM

• Pour ajouter des attributs aux éléments

Quelle différence existe-t-il entre ‹React.Fragment› et ‹‾ en JSX ?

• ‹React.Fragment› accepte des attributs tandis que ‹‾ ne le fait pas

• Les deux sont strictement identiques

• ‹React.Fragment› est utilisé uniquement pour les listes

• ‹‾ permet d'écrire du CSS en ligne

Quelle erreur courante peut survenir lors de l'écriture de JSX ?

• Oublier de fermer une balise

• Utiliser class au lieu de className

• Retourner plusieurs éléments sans un parent unique

• Toutes les réponses ci-dessus

Comment JSX est-il transformé avant d'être utilisé par React ?

• Il est directement interprété par le navigateur

• Il est converti en appels à React.createElement

• Il est compilé en HTML pur

• Il est stocké dans le DOM virtuel sans transformation

Pourquoi est-il important d'utiliser une clé unique (à travers la propriété key) lors du rendu d'une liste en JSX ?