R

Quiz de Validation - Séance 2

Testez vos connaissances sur les fondamentaux de React ! Ce quiz couvre tous les concepts vus durant la Séance 2.

À propos de ce quiz

  • 20 questions couvrant tous les sujets de la Séance 2
  • Validez votre compréhension avant de passer aux hooks
  • Aucune note n'est enregistrée, c'est pour votre apprentissage !

Introduction à React

1. Quelle est la différence entre une bibliothèque et un framework ?

2. Qu'est-ce que le Virtual DOM ?

3. Quel outil est recommandé pour créer un nouveau projet React en 2024 ?

Node.js & npm

4. Qu'est-ce que npm ?

SPA vs MPA

5. Quelle est la différence principale entre SPA et MPA ?

JSX Syntax

6. Pourquoi utilise-t-on className au lieu de class en JSX ?

7. Que fait ce code JSX : <>{content}</> ?

8. Comment insérer une expression JavaScript dans du JSX ?

Composants

9. Quelle est la convention de nommage pour les composants React ?

10. Qu'est-ce que la prop children ?

Props

11. Quelle est la meilleure façon de recevoir les props dans un composant ?

12. Comment définir une valeur par défaut pour une prop ?

Listes et Keys

13. Pourquoi la prop key est-elle obligatoire dans les listes ?

14. Quelle est la MAUVAISE pratique pour les keys ?

Rendu Conditionnel

15. Quelle syntaxe utiliser pour un rendu conditionnel simple dans le JSX ?

16. Que fait l'opérateur && dans ce code : {isLoggedIn && <Dashboard />} ?

React avec TypeScript

17. Comment typer les props d'un composant en TypeScript ?

18. Quelle est la différence entre type et interface en TypeScript ?

Concepts généraux

19. Qu'est-ce que la composition de composants ?

20. Pourquoi est-il important de connaître React avant d'utiliser l'IA pour générer du code React ?

Résultats

Félicitations !

Si vous avez répondu correctement à la plupart des questions, vous êtes prêt(e) pour la Séance 3 - Interactivité et Formulaires !

Score cible : Au moins 17/20 pour passer confortablement aux hooks et à l'état.

Besoin de réviser ?

Si vous avez eu des difficultés avec certaines questions, prenez le temps de réviser les sections correspondantes :

Prochaines étapes

📝 Refaire les exercices

Pratiquez avec les exercices de la Séance 2

🚀 Séance 3 - Interactivité

Apprenez useState, les événements et les formulaires !

Conseil

N'hésitez pas à refaire ce quiz plusieurs fois jusqu'à obtenir 18/20 ou plus sans regarder les explications. C'est le signe que vous maîtrisez vraiment les concepts React !