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 vous appelez setState() à l'intérieur de la méthode render() ?
- Une sortie répétitive apparaît à l'écran
- Erreur de clé dupliquée
- Erreur de débordement de pile
- Rien ne se passe
3/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
4/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'}}
5/25 Qu'est-ce que l'état (state) dans React ?
- Un stockage persistant.
- Un magasin de données interne (objet) d'un composant.
6/25 Qu'est-ce que ReactJS ?
- Cadre côté serveur
- Cadre d'interface utilisateur
- Bibliothèque pour construire des interfaces d'interaction
7/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
8/25 Quel est le but de la prop 'key' dans une liste React ?
- Pour identifier chaque élément de manière unique
- Pour le style des éléments
- Pour améliorer les performances
- Pour déclencher des événements
9/25 Que fait le 'PureComponent' dans React ?
- Gère les fonctions pures
- Empêche le re-rendu si les props et l'état n'ont pas changé
- Nettoie le composant
- Améliore la performance du composant
10/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
11/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 />; }
12/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
13/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
14/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
15/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' />
16/25 Quelle est la signification de la prop 'key' lors du rendu d'une liste d'éléments dans React ?
- Elle est utilisée pour le style des éléments de liste
- Elle aide React à identifier quels éléments ont changé
- C'est une prop requise pour tous les éléments de liste
- Elle augmente la vitesse de rendu de la liste
17/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>
18/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
19/25 Quel hook est utilisé pour mémoriser une fonction de rappel dans React ?
- useEffect
- useCallback
- useState
- useMemo
- useRef
20/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
21/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
22/25 Lequel des suivants est un hook React ?
- useComponent
- useState
- useReact
- useElement
23/25 React est principalement utilisé pour construire ___.
- Base de données
- Connectivité
- Interface utilisateur
- Plateforme de conception
24/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
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 vous appelez setState() à l'intérieur de la méthode render() ?

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

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

5/25 Qu'est-ce que l'état (state) dans React ?

6/25 Qu'est-ce que ReactJS ?

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

8/25 Quel est le but de la prop 'key' dans une liste React ?

9/25 Que fait le 'PureComponent' dans React ?

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

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

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

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

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

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

16/25 Quelle est la signification de la prop 'key' lors du rendu d'une liste d'éléments dans React ?

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

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

19/25 Quel hook est utilisé pour mémoriser une fonction de rappel dans React ?

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

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

22/25 Lequel des suivants est un hook React ?

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

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

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