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 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
3/25 Choisissez la bonne réponse à propos de JSX.
- JSX est plus rapide car il effectue l'optimisation lors de la compilation du code en JavaScript
- JSX est une notation syntaxique pour JavaScript XML
- JSX offre l'expressivité du JavaScript avec du HTML, comme la syntaxe des modèles
- Toutes les options ci-dessus
4/25 Dans React, quelle méthode est utilisée pour créer un contexte ?
- React.createContext()
- React.createState()
- React.createComponent()
- React.createRef()
5/25 Comment accédez-vous à une prop nommée 'username' dans un composant fonctionnel ?
```
const MyComponent = (props) => { ... }
```
- this.props.username
- props.username
- MyComponent.username
- username
6/25 Laquelle des suivantes n'est pas une méthode de cycle de vie dans React ?
- componentDidMount
- shouldComponentRender
- componentWillUnmount
- getSnapshotBeforeUpdate
7/25 Quelle est la syntaxe correcte pour un composant fonctionnel dans React ?
- function MyComponent() { return <div />; }
- class MyComponent extends React.Component { render() { return <div />; }}
- const MyComponent = () => { return <div />; }
- var MyComponent = function() { return <div />; }
8/25 Quelle est une manière correcte de créer un état dans un composant de classe ?
```
class MyComponent extends React.Component { ... }
```
- this.state = { value: '' };
- const state = { value: '' };
- useState({ value: '' });
- setState({ value: '' });
9/25 Que fait le hook 'useMemo' dans React ?
- Il mémorise une valeur calculée
- Il économise l'utilisation de la mémoire
- Il se souvient des composants précédemment rendus
- Il mémorise l'état du composant
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 Comment passez-vous une prop nommée 'data' à un composant nommé 'MyComponent' ?
- <MyComponent data={this.props.data} />
- <MyComponent props={data} />
- <MyComponent>{data}</MyComponent>
- <MyComponent data='data' />
13/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
14/25 Laquelle de ces méthodes est une manière correcte de gérer les événements dans React ?
- <button onClick={this.handleClick}>Cliquez moi</button>
- <button onClick='handleClick()'>Cliquez moi</button>
- <button onClick={handleClick()}>Cliquez moi</button>
- <button handle='onClick'>Cliquez moi</button>
15/25 Qu'est-ce qu'une 'prop' dans React ?
- Une fonction à l'intérieur d'un composant
- Une variable d'état dans un composant
- Un attribut en lecture seule utilisé dans un composant
- Un attribut de style des éléments HTML
16/25 Comment faites-vous pour rendre conditionnellement des composants dans React ?
- En utilisant des instructions if-else à l'intérieur de JSX
- En utilisant l'opérateur ternaire à l'intérieur de JSX
- En utilisant une boucle for à l'intérieur de JSX
- En utilisant switch-case à l'intérieur de JSX
17/25 Comment React gère-t-il la soumission de formulaires ?
- En utilisant un gestionnaire d'événements sur l'élément de formulaire
- En envoyant automatiquement une requête POST
- En utilisant une bibliothèque dédiée à la gestion des formulaires React
- React ne peut pas gérer les soumissions de formulaires
18/25 Quel est le but du hook 'useCallback' de React ?
- Pour mémoriser une instance de fonction entre les rendus
- Pour appeler une fonction en tant que callback après des changements d'état
- Pour gérer efficacement les appels API
- Pour mettre à jour l'état en fonction de l'état précédent
19/25 Comment optimiser les performances pour une liste d'éléments dans React qui sont fréquemment re-rendus ?
- En utilisant shouldComponentUpdate
- En utilisant PureComponent
- En utilisant React.memo
- En utilisant useState
- En utilisant useEffect
20/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
21/25 Quelle méthode est le bon choix pour récupérer des données dans un hook useEffect ?
- componentDidMount
- useFetch
- API fetch
- getData()
- useDataFetching
22/25 Quel est le but de la prop 'key' dans les listes React ?
- Pour améliorer les performances
- Pour identifier de manière unique chaque élément
- Pour le style
- Pour activer le DOM virtuel de React
23/25 Lequel des suivants est un hook React ?
- useComponent
- useState
- useReact
- useElement
24/25 Quelle est la bonne manière d'accéder à une fonction fetch() depuis un élément h1 en JSX ?
- <h1>{fetch()}</h1>
- <h1>${fetch()}</h1>
- <h1>{fetch}</h1>
- <h1>${fetch}</h1>
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 Quels sont les inconvénients de ReactJS ?

3/25 Choisissez la bonne réponse à propos de JSX.

4/25 Dans React, quelle méthode est utilisée pour créer un contexte ?

5/25 Comment accédez-vous à une prop nommée 'username' dans un composant fonctionnel ?

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

7/25 Quelle est la syntaxe correcte pour un composant fonctionnel dans React ?

8/25 Quelle est une manière correcte de créer un état dans un composant de classe ?

9/25 Que fait le hook 'useMemo' dans React ?

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

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

12/25 Comment passez-vous une prop nommée 'data' à un composant nommé 'MyComponent' ?

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

14/25 Laquelle de ces méthodes est une manière correcte de gérer les événements dans React ?

15/25 Qu'est-ce qu'une 'prop' dans React ?

16/25 Comment faites-vous pour rendre conditionnellement des composants dans React ?

17/25 Comment React gère-t-il la soumission de formulaires ?

18/25 Quel est le but du hook 'useCallback' de React ?

19/25 Comment optimiser les performances pour une liste d'éléments dans React qui sont fréquemment re-rendus ?

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

21/25 Quelle méthode est le bon choix pour récupérer des données dans un hook useEffect ?

22/25 Quel est le but de la prop 'key' dans les listes React ?

23/25 Lequel des suivants est un hook React ?

24/25 Quelle est la bonne manière d'accéder à une fonction fetch() depuis un élément h1 en JSX ?

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