React - Les bases

1/25 Laquelle des méthodes suivantes dans un composant React est appelée après que le composant est rendu pour la première fois ?
- componentDidUpdate
- componentDidMount
- componentMounted
- componentUpdated
2/25 Que se passera-t-il si la méthode render() suivante s'exécute ?
```
render(){

let langs = ["Ruby","ES6","Scala"]

return (<div>

{langs.map(it => <p>{it}</p>)}

</div>)

}
```
- Affiche la liste des langues dans le tableau
- Erreur. Impossible d'utiliser du code JavaScript directement en JSX
- N'affiche rien
- Erreur. Devrait être remplacé par une boucle for pour un résultat correct
3/25 Comment écrivez-vous un style en ligne qui spécifie font-size:12px et color:red; en JSX ?
- style={{font-size:12,color:'red'}}
- style={{fontSize:'12px',color:'red'}}
- style={fontSize:'12px',color:'red'}
- style={{font-size:12px,color:'red'}}
4/25 Quels sont les inconvénients de ReactJS ?
- Ce n'est qu'une couche de vue. Vous devez brancher votre code pour les requêtes Ajax, les événements, etc.
- La bibliothèque est assez volumineuse.
- La courbe d'apprentissage peut être lente.
- Toutes les options ci-dessus
5/25 Comment créez-vous une référence (ref) dans un composant de classe dans React ?
- React.createRef()
- React.ref()
- this.ref.create()
- new Ref()
6/25 Quel est le port par défaut où un projet create-react-app s'exécute ?
- 3000
- 8080
- 5000
- 8000
7/25 Qu'est-ce qu'un composant d'ordre supérieur dans React ?
- Un composant qui rend d'autres composants
- Un composant avec un z-index plus élevé
- Un composant avec état
- Un composant avec des fonctions d'ordre supérieur
8/25 Laquelle des suivantes n'est pas une méthode de cycle de vie dans React ?
- componentDidMount
- shouldComponentRender
- componentWillUnmount
- getSnapshotBeforeUpdate
9/25 Dans React, à quoi sert l'API 'Context' ?
- Pour améliorer les performances
- Pour gérer le cycle de vie des composants
- Pour partager des données à travers les composants sans 'prop drilling'
- Pour gérer les entrées de formulaire
10/25 Qu'est-ce qu'un Fragment dans React ?
- Une partie de l'état du composant
- Un outil pour la mémoïsation
- Un composant pouvant retourner plusieurs éléments
- Un composant d'ordre supérieur
11/25 Quel est le but des 'PropTypes' dans React ?
- Pour spécifier les types de props qu'un composant peut recevoir
- Pour documenter le code du composant
- Pour améliorer les performances
- Pour fournir des valeurs par défaut aux props
12/25 À quoi sert le hook 'useState' dans React ?
- Pour gérer l'état dans les composants fonctionnels
- Pour lier l'état entre les composants
- Pour mettre à jour l'état dans les composants de classe
- Pour stocker des données dans le stockage local du navigateur
13/25 Que représente 'props.children' dans un composant React ?
- L'état du composant parent
- Les enfants passés au composant
- Un type de composant enfant React
- Les props des composants enfants
14/25 Que fait 'React.Fragment' ?
- Il regroupe une liste d'enfants sans ajouter de nœuds supplémentaires au DOM
- C'est une méthode pour optimiser les performances
- Il est utilisé pour fragmenter un composant en composants plus petits
- C'est une façon de rendre les composants de manière asynchrone
15/25 Quelle est l'importance des clés dans les listes React ?
- Elles sont utilisées à des fins de style
- Elles aident React à identifier quels éléments ont changé, ont été ajoutés ou supprimés
- Elles représentent l'ID unique de chaque élément
- Elles augmentent la performance du rendu des listes
16/25 Qu'est-ce que le 'prop drilling' dans React ?
- Passer des props à travers de multiples couches de composants
- Une méthode pour définir PropTypes dans un composant
- Creuser pour trouver des erreurs dans les props
- Une bibliothèque React pour gérer les propriétés
17/25 Dans React, quel est le but de l'API Context ?
- Pour gérer l'état global
- Pour gérer les requêtes HTTP
- Pour se connecter aux bases de données
- Pour optimiser les performances
18/25 Comment pouvez-vous empêcher une fonction d'être appelée trop fréquemment dans React, comme lors du redimensionnement d'une fenêtre ?
- En utilisant shouldComponentUpdate
- En utilisant PureComponent
- En utilisant des techniques de debounce ou throttle
- En utilisant useEffect avec un tableau de dépendances vide
19/25 À quoi fait référence le 'prop drilling' dans React ?
- Passer des props à des composants enfants profonds
- Définir des valeurs par défaut pour les props
- Valider les types de props
- Mettre à jour les props depuis les composants enfants
20/25 Quel est l'usage principal de la bibliothèque React Router ?
- Gérer l'état
- Le routage et la navigation
- Gérer les formulaires
- Optimiser les performances
21/25 Comment partagez-vous l'état entre deux composants qui ne sont pas parent-enfant dans React ?
- En utilisant des variables globales
- En utilisant l'API Context
- En passant des props à travers des composants intermédiaires
- En utilisant une bibliothèque de gestion d'état comme Redux
22/25 React est principalement utilisé pour construire ___.
- Base de données
- Connectivité
- Interface utilisateur
- Plateforme de conception
23/25 Les méthodes de cycle de vie sont principalement utilisées pour ___.
- suivre l'historique des événements
- améliorer les composants
- libérer des ressources
- aucune des réponses ci-dessus
24/25 ___ peut être fait lorsque plusieurs éléments doivent être retournés d'un composant.
- Abstraction
- Empaquetage
- Isolation
- Enveloppement
25/25 Quelle méthode d'un composant React devrait être surchargée pour empêcher le composant de se mettre à jour ?
- willComponentUpdate
- shouldComponentUpdate
- componentDidUpdate
- componentDidMount
Pour obtenir le résultat du quiz, veuillez fournir votre adresse e-mail (facultatif)..

Il semble que vous n'ayez pas encore répondu à des questions. Veuillez fournir vos réponses pour continuer.

React - Les bases

1/25 Laquelle des méthodes suivantes dans un composant React est appelée après que le composant est rendu pour la première fois ?

2/25 Que se passera-t-il si la méthode render() suivante s'exécute ?

3/25 Comment écrivez-vous un style en ligne qui spécifie font-size:12px et color:red; en JSX ?

4/25 Quels sont les inconvénients de ReactJS ?

5/25 Comment créez-vous une référence (ref) dans un composant de classe dans React ?

6/25 Quel est le port par défaut où un projet create-react-app s'exécute ?

7/25 Qu'est-ce qu'un composant d'ordre supérieur dans React ?

8/25 Laquelle des suivantes n'est pas une méthode de cycle de vie dans React ?

9/25 Dans React, à quoi sert l'API 'Context' ?

10/25 Qu'est-ce qu'un Fragment dans React ?

11/25 Quel est le but des 'PropTypes' dans React ?

12/25 À quoi sert le hook 'useState' dans React ?

13/25 Que représente 'props.children' dans un composant React ?

14/25 Que fait 'React.Fragment' ?

15/25 Quelle est l'importance des clés dans les listes React ?

16/25 Qu'est-ce que le 'prop drilling' dans React ?

17/25 Dans React, quel est le but de l'API Context ?

18/25 Comment pouvez-vous empêcher une fonction d'être appelée trop fréquemment dans React, comme lors du redimensionnement d'une fenêtre ?

19/25 À quoi fait référence le 'prop drilling' dans React ?

20/25 Quel est l'usage principal de la bibliothèque React Router ?

21/25 Comment partagez-vous l'état entre deux composants qui ne sont pas parent-enfant dans React ?

22/25 React est principalement utilisé pour construire ___.

23/25 Les méthodes de cycle de vie sont principalement utilisées pour ___.

24/25 ___ peut être fait lorsque plusieurs éléments doivent être retournés d'un composant.

25/25 Quelle méthode d'un composant React devrait être surchargée pour empêcher le composant de se mettre à jour ?