R

Quiz de Validation - Séance 4

Testez vos connaissances sur les effets et le routing ! Ce quiz couvre tous les concepts vus durant la Séance 4.

À propos de ce quiz

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

Side Effects & Cycle de Vie

1. Qu'est-ce qu'un side effect en React ?

2. Pourquoi ne doit-on PAS faire de side effects directement dans le corps du composant ?

3. Quelles sont les 3 phases du cycle de vie d'un composant ?

useEffect - Syntaxe & Dépendances

4. Que fait useEffect(() => { console.log('Hello') }) sans deuxième argument ?

5. Que signifie useEffect(() => { fetch(url) }, []) ?

6. Que se passe-t-il si on utilise une variable dans useEffect sans la mettre dans les dépendances ?

7. Comment faire un fetch de données dans useEffect ?

Cleanup

8. À quoi sert la fonction de cleanup dans useEffect ?

9. Quel est le bon pattern pour un timer avec useEffect ?

Data Fetching

10. Quelle est la bonne structure pour gérer loading et error lors d'un fetch ?

11. Que retourne fetch('https://api.example.com/data') ?

12. Pourquoi doit-on faire await response.json() après le fetch ?

React Router - Bases

13. Quelle est la différence entre <a href='/about'> et <Link to='/about'> ?

14. Que fait <BrowserRouter> ?

15. Quelle syntaxe pour définir une route vers le composant About à l'URL /about ?

Routes Dynamiques

16. Que signifie <Route path='/users/:userId' element={<User />} /> ?

17. Comment récupérer le paramètre userId de l'URL /users/42 dans le composant ?

18. Quel est le bon pattern pour fetch des données basées sur un paramètre d'URL ?

Combiner Effects & Routing

19. Que se passe-t-il quand on navigue de /users/1 à /users/2 avec le même composant ?

20. Pourquoi est-il important de combiner useEffect et routing ?

Résultats

Félicitations !

Si vous avez répondu correctement à la plupart des questions, vous êtes prêt(e) pour la Séance 5 - Projet Final & IA !

Score cible : Au moins 17/20 pour passer confortablement à la Séance 5.

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 4

Séance 5 - Projet Final

Appliquez tout ce que vous avez appris !

Conseil

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