React - Les bases

1/25 Qu'est-ce que l'état (state) dans React ?
- Un stockage persistant.
- Un magasin de données interne (objet) d'un composant.
2/25 Quelles sont les deux manières dont les données sont gérées dans React ?
- état & props
- services & composants
3/25 Les entrées arbitraires des composants sont appelées ___.
- Clés
- Props
- Éléments
- Ref
4/25 Quel est l'usage du hook 'useReducer' dans React ?
- Pour gérer l'état dans un composant
- Pour réduire la taille d'un composant
- Pour la gestion de l'état avec une fonction réductrice
- Pour améliorer les performances
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 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
7/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()
8/25 Quel est le port par défaut où un projet create-react-app s'exécute ?
- 3000
- 8080
- 5000
- 8000
9/25 Quelle méthode est nécessaire à définir dans un composant de classe dans React ?
- componentDidMount()
- shouldComponentUpdate()
- render()
- getDerivedStateFromProps()
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 Quel est le but de React Router ?
- Pour gérer l'état global
- Pour le rendu conditionnel
- Pour gérer la navigation et le routage
- Pour se connecter à des API externes
13/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
14/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' />
15/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
16/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
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 Quelle méthode est le bon choix pour récupérer des données dans un hook useEffect ?
- componentDidMount
- useFetch
- API fetch
- getData()
- useDataFetching
19/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
20/25 Dans React, qu'est-ce qu'un 'composant d'ordre supérieur' (HOC) ?
- Un composant avec un z-index plus élevé
- Un composant qui retourne un autre composant
- Un composant avec état
- Un composant qui rend des éléments HTML
21/25 Quel est le but de 'useReducer' dans React ?
- Pour gérer le cycle de vie des composants
- Pour la gestion de l'état avec une fonction réductrice
- Pour réduire la taille du bundle d'une application React
- Pour optimiser les performances de rendu
22/25 Quelle est une manière valide de créer un composant dans React ?
- function MyComponent() { return <div/>; }
- new ReactComponent(MyComponent)
- React.createComponent(MyComponent)
- class MyComponent extends ReactElement { ... }
23/25 React est principalement utilisé pour construire ___.
- Base de données
- Connectivité
- Interface utilisateur
- Plateforme de conception
24/25 ___ peut être fait lorsque plusieurs éléments doivent être retournés d'un composant.
- Abstraction
- Empaquetage
- Isolation
- Enveloppement
25/25 Qu'est-ce qui est utilisé pour passer des données à un composant de l'extérieur ?
- setState
- render avec des arguments
- PropTypes
- props
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 Qu'est-ce que l'état (state) dans React ?

2/25 Quelles sont les deux manières dont les données sont gérées dans React ?

3/25 Les entrées arbitraires des composants sont appelées ___.

4/25 Quel est l'usage du hook 'useReducer' dans React ?

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

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

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

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

9/25 Quelle méthode est nécessaire à définir dans un composant de classe 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 Quel est le but de React Router ?

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

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

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

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

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

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

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

20/25 Dans React, qu'est-ce qu'un 'composant d'ordre supérieur' (HOC) ?

21/25 Quel est le but de 'useReducer' dans React ?

22/25 Quelle est une manière valide de créer un composant dans React ?

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

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

25/25 Qu'est-ce qui est utilisé pour passer des données à un composant de l'extérieur ?