Quiz sur React.js

Qu'est-ce qu'un composant dans React.js?

• Un composant dans React.js est une fonction JavaScript qui renvoie un élément React

• Un composant dans React.js est une partie réutilisable de l'interface utilisateur qui peut contenir de la logique et des éléments d'interface.

• Un composant dans React.js est une classe JavaScript qui étend React.Component

• Un composant dans React.js est une variable globale utilisée pour stocker des données

Quelle est la différence entre les états (state) et les props en React.js?

• Les états (state) sont transmis de parent en enfant, tandis que les props sont gérés à l'intérieur du composant

• Les états (state) sont gérés à l'intérieur du composant et peuvent être modifiés par le composant lui-même, tandis que les props sont des données passées de parent en enfant et ne peuvent pas être modifiées par le composant enfant.

• Les props peuvent être modifiées par le composant lui-même, tandis que les états (state) sont des données statiques

• Les états (state) sont des données immuables, tandis que les props peuvent être modifiées dynamiquement

Comment gérer les événements en React.js?

• Ignorer complètement la gestion des événements

• Créer des événements personnalisés sans les associer aux composants React

• Utiliser des gestionnaires d'événements intégrés comme onClick, onSubmit, etc. dans les composants React pour répondre aux interactions de l'utilisateur.

• Utiliser des gestionnaires d'événements externes à React.js

Quels sont les principaux hooks disponibles dans React?

• useState, useEffect, useContext, useReducer, useCallback

• useSelector

• useDispatch

• useForm

Quel hook est utilisé pour gérer l'état dans une fonction composant?

• useState

• useReducer

• useContext

• useEffect

Comment passer des données d'un composant parent à un composant enfant en React?

• redux

• state

• context

• props

Quelle méthode est appelée juste après qu'un composant a été inséré dans le DOM en React?

• componentWillUnmount()

• componentDidMount()

• componentDidUpdate()

• componentWillMount()

Quelle est la fonction principale du hook useEffect en React?

• Effectuer des effets secondaires dans les composants fonctionnels

• Créer des états locaux dans les composants de classe

• Styliser les composants avec CSS

• Gérer les routes dans une application React

Comment optimiser les performances d'un composant en React?

• Utiliser React.memo, clés uniques pour les éléments de liste, déplacer les calculs hors du rendu, utiliser des outils de profilage comme React DevTools.

• Utiliser des clés identiques pour les éléments de liste

• Inclure des calculs complexes dans le rendu

• Ne pas utiliser d'outils de profilage

Quelle est la différence entre les class components et les functional components en React?

• Les class components sont basés sur des classes avec état et méthodes de cycle de vie, tandis que les functional components sont basés sur des fonctions sans état ni méthodes de cycle de vie.

• Les functional components sont plus complexes à utiliser que les class components en raison de leur syntaxe.

• Les class components sont basés sur des fonctions avec état et méthodes de cycle de vie, tandis que les functional components sont basés sur des classes sans état ni méthodes de cycle de vie.

• Les class components ne peuvent pas utiliser des hooks, tandis que les functional components peuvent les utiliser librement.