QCM En React js– Partie 1

Question 1 sur 10

Reacus utiise___ pour augmenter les performances

A DOM virtue!
B. DOM réel

C Les deux A etB sontvrais
D  Aucune de ces réponses n'est vraie.

C

La réponse correcte est la suivante :

C. Les deux A et B sont vrais

Explication :

  • React utilise la virtual DOM (DOM virtuelle) pour augmenter les performances de rendu des composants.
  • La virtual DOM est une représentation légère et efficace de la structure du DOM réel. Elle permet à React de minimiser les manipulations du DOM réel en effectuant des comparaisons efficaces entre la virtual DOM et le DOM réel, puis en mettant à jour uniquement les parties qui ont changé.
  • Ainsi, l'utilisation de la virtual DOM permet à React d'optimiser les performances en réduisant le nombre de manipulations du DOM réel, ce qui conduit à des applications plus réactives et plus rapides.
Question 2 sur 10

React est basé sur :
A Lesmodules
B Les services
C Les composants
D. Les microsenvices

C

La réponse correcte est :

C. Les composants

Explication :

  • React est basé sur la composition de composants réutilisables.
  • Les composants sont les éléments de base de toute application React. Ils encapsulent la logique et l'interface utilisateur d'une partie de l'interface utilisateur de l'application.
  • La composition de composants permet de créer des interfaces utilisateur complexes en les décomposant en petits composants réutilisables, ce qui facilite la maintenance, la mise à jour et l'évolutivité de l'application React.
Question 3 sur 10

Quelles sont les limites de Reacts?
A React ne concerne que Ia couche View de application, nous avons donc toujours besoin de aide des.
autres technalogies pour abtenir un ensemble d'outls complet pour le développement,
B. React utise des modeles en ligne et ISX. Cela peut sembler génant pour certains développeurs
C  La biblothéque de react est wop grande
D. Toutles réponses sont vrais

D

La réponse correcte est :

D. Toutles réponses sont vrais

Explication :

  • A. React se concentre principalement sur la couche de vue de l'application, ce qui signifie que pour obtenir un ensemble complet d'outils pour le développement, vous pouvez avoir besoin d'autres technologies pour gérer d'autres aspects de l'application, tels que la gestion de l'état, le routage, etc.
  • B. React utilise JSX (JavaScript XML) pour décrire l'interface utilisateur et adopte une approche basée sur les composants. Bien que cela puisse sembler naturel pour certains développeurs, d'autres peuvent trouver cela déroutant au début.
  • C. La bibliothèque React elle-même est assez petite, mais pour des fonctionnalités plus avancées ou pour répondre à des besoins spécifiques, vous pourriez devoir utiliser des bibliothèques tierces, ce qui peut ajouter un peu de complexité à votre application.
Question 4 sur 10

Comment accéder a état o un composant  fintérieur d'une fonction membre?
A this.getstate()
B. this.prototype.statevalue
C this.state
D. this.values

 

C
La réponse correcte est A. this.state().

Explication:

  • this fait référence à l'instance actuelle du composant.
  • state est une propriété de l'instance du composant qui stocke l'état interne du composant.
  • this.state() est une fonction qui retourne l'objet d'état actuel du composant.

Exemple:

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      count: 0,
    };
  }

  incrementCount() {
    this.setState({
      count: this.state.count + 1,
    });
  }

  render() {
    return (
      <div>
        <h1>Count: {this.state.count}</h1>
        <button onClick={this.incrementCount}>Increment</button>
      </div>
    );
  }
}

 

Question 5 sur 10

La méthode componentDidMount est appelée lorsque ___
A Le composant est créé pour Ia premiere fois
B. état du composant est mis jour
C. Les deux A etB sont vrais
D Aucune de ces réponses n'est vrale

A

réponse correcte est A. Le composant est créé pour la première fois.

Explication:

  • La méthode componentDidMount est un cycle de vie de React qui est appelée juste après que le composant a été monté dans le DOM.
  • Elle est utile pour effectuer des tâches qui doivent être effectuées une seule fois, comme la récupération de données ou l'initialisation de variables.

Exemple:

class MyComponent extends Component {
  componentDidMount() {
    console.log("Le composant est monté !");
  }

  render() {
    return (
      <div>
        <h1>Mon composant</h1>
      </div>
    );
  }
}

 

Question 6 sur 10

A quoi sert le deuxiéme argument de setState?


A Pour appeler du code une fois fopération setState termine
B. Pour remplacer complétement état au leu de Faction par défaut
C Pour accéder a état précédent avant Fopération serstate
D. Aucune de ces réponses n'est vrai.

 

A

La réponse correcte est :

A. Pour appeler du code une fois l'opération setState terminée.

Explication :

  • Le deuxième argument de la méthode setState dans React est une fonction de rappel (callback) qui est appelée une fois que l'opération setState est terminée et que le composant a été mis à jour.
  • Cette fonction de rappel est généralement utilisée pour exécuter du code supplémentaire après la mise à jour de l'état, tel que des opérations de manipulation du DOM ou des appels à des fonctions après le rendu.
  • Les autres réponses ne décrivent pas correctement le rôle du deuxième argument de la méthode setState.
 
 
Question 7 sur 10

Quelles sont les deux fagons dont es données sont traitées dans React?
A state & props
B services & components
C states services
D. props & components

D

La réponse correcte est :

D. props & components

Explication :

  • En React, les deux principales façons de traiter les données sont les "props" (propriétés) et les "components" (composants).
  • Les "props" sont utilisées pour transmettre des données d'un composant parent à un composant enfant.
  • Les "components" (composants) sont des éléments autonomes qui encapsulent une partie de l'interface utilisateur et peuvent être réutilisés à plusieurs endroits de l'application.
  • Les autres options (A, B, C) ne sont pas des concepts fondamentaux de traitement des données dans React.
Question 8 sur 10

Dans React, questece qui est uilsé pour ransmerure des données un composant de extérieur?

A seswe
B. render avec des arguments
C props
D PropTypes

C
 

La réponse correcte est C. props.

Explication:

  • Les props (ou propriétés) sont des données passées d'un composant parent à ses composants enfants.
  • Elles permettent de transmettre des informations et des instructions aux composants enfants.
  • Les props sont définies comme des attributs HTML dans le composant parent.
Question 9 sur 10

Quidéveloppe Reacts?
A Google
B Twitter
C apple
D Facebook

D

La réponse correcte est :

D. Facebook

Explication :

  • React a été développé par Facebook.
  • Il a été initialement créé par Jordan Walke, un ingénieur logiciel chez Facebook, et a été annoncé pour la première fois en 2013.
  • Depuis lors, React a été maintenu par une équipe d'ingénieurs de Facebook, ainsi que par une communauté active de développeurs open source.
 
 
Question 10 sur 10

Dans Reacus, les props peuvent étre ulisés pour passer des
A propriétés au composant

B gestionnaires d'événements au composant

C Les deux A ct B sont vrais.

D Aucune de ces réponses est vraie

C

La réponse correcte est :

C. Les deux A et B sont vrais.

Explication :

  • En React, les "props" (propriétés) peuvent être utilisées à la fois pour passer des propriétés au composant et des gestionnaires d'événements au composant.
  • Les props permettent de transmettre des données d'un composant parent à un composant enfant, ce qui inclut à la fois des valeurs de propriétés (comme le contenu à afficher) et des fonctions de gestionnaires d'événements (comme la gestion du clic sur un bouton).
  • Ainsi, les props peuvent être utilisées pour transmettre à la fois des propriétés (réponse A) et des gestionnaires d'événements (réponse B) aux composants enfants.
 
 

Ajouter un commentaire

Veuillez vous connecter pour ajouter un commentaire.

Pas encore de commentaires.