Top 60 des questions et réponses d'entrevue de réaction

2 janvier 2022

Envisagez-vous d'assister à un entretien React ? Y a-t-il une interview React prévue pour vous ? Êtes-vous à la recherche de questions et réponses d'entrevue React? Alors vous êtes sur la bonne page. Veuillez parcourir l'intégralité de notre blog afin de ne manquer aucune des questions de l'entretien React ?

Qu'est-ce que React ? Réagir est une bibliothèque JavaScript. Il s'agit d'une bibliothèque frontale open source conçue pour créer des interfaces utilisateur ou des composants d'interface utilisateur. React est utilisé pour développer des applications monopage ou mobiles. Il est maintenu par Facebook et un groupe de développeurs individuels.

Table des matières



Top React Interview Questions et réponses

1. Expliquez quelques fonctionnalités de React ?

Certaines des fonctionnalités de React sont répertoriées ci-dessous :

  1. React utilise le DOM virtuel au lieu du vrai DOM.
  2. React utilise le rendu côté serveur.
  3. React suit la liaison de données ou le flux unidirectionnel de données.

2. Pouvez-vous expliquer les limites de React ?

Les limitations de React sont listées ci-dessous :

  1. C'est juste une bibliothèque. React n'est pas un framework à part entière.
  2. Comme react utilise des modèles en ligne et JSX, le codage devient complexe.
  3. La bibliothèque React est vaste. Il faut donc plus de temps pour comprendre.
  4. Il peut être difficile pour les programmeurs natifs de comprendre les concepts.

3. Pouvez-vous différencier Real DOM et Virtual DOM ?

Vrai DOMDOM virtuel
Il peut directement mettre à jour le HTML.Il ne peut pas mettre à jour le HTML directement.
La mise à jour ici est un processus lent.La mise à jour ici est plus rapide par rapport au Real DOM.
Il y a beaucoup de gaspillage de mémoire dans DOM.Il n'y a pas de gaspillage de mémoire.
La manipulation de DOM est coûteuse.La manipulation du DOM est facile par rapport au Real DOM

4. Pouvez-vous énumérer certains des avantages significatifs de Limit ?

Les avantages significatifs de React sont les suivants :

  1. Il y a une augmentation de la lisibilité à cause du code de JSX.
  2. Il augmente les performances globales de l'application.
  3. Il est facile d'écrire les cas de test de l'interface utilisateur à l'aide de React.
  4. React permet une intégration facile avec d'autres frameworks comme Angular, Meteor, etc.
  5. Il peut être utilisé de manière pratique à la fois côté client et côté serveur.
  6. React est compatible avec le référencement.
  7. Il a une courbe d'apprentissage douce.

5. Expliquer JSX ?

JSX c'est-à-dire JavaScript XML, nous permet d'écrire du HTML à l'intérieur du JavaScript et il les place à l'intérieur du DOM sans utiliser les fonctions comme createElement() ou appendChild().

6. Pouvez-vous expliquer le DOM virtuel et nous dire comment React utilise le DOM virtuel pour rendre l'interface utilisateur ?

Le DOM virtuel dans React est un concept où la représentation virtuelle du DOM virtuel est placée dans la mémoire, et il est synchronisé avec le DOM réel en utilisant des bibliothèques comme ReactDOM.

La manipulation DOM est considérée comme faisant partie intégrante de toute application Web, mais elle est assez lente par rapport aux autres opérations JavaScript. Cela affecte l'efficacité des autres applications lorsque plusieurs manipulations du DOM sont effectuées. Ici, le framework javascript met à jour l'ensemble du DOM même si la partie simple du DOM est modifiée.

Voir également Top 100 des questions et réponses d'entrevue Ansible

React utilise principalement deux DOM virtuels pour le rendu de l'interface utilisateur. Si l'un est utilisé pour stocker l'état actuel de l'objet, l'autre DOM est utilisé pour stocker l'état précédent de l'objet.

Lorsque l'un des DOM virtuels est mis à jour, le React compare les deux DOM virtuels pour savoir quel DOM virtuel a été mis à jour. Sur la base de la mise à jour, React restitue uniquement les objets mis à jour à l'intérieur du Real DOM au lieu de restituer l'ensemble du Real DOM.

7. Pouvez-vous différencier les composants fonctionnels et de classe ?

Composants fonctionnelsComposants de classe
Il s'agit d'une simple fonction javascript, qui accepte les accessoires comme argument et renvoie l'élément React.Un composant Class s'applique à s'étendre à partir du composant React et crée une fonction de rendu pour renvoyer un élément React.
Les composants fonctionnels n'autorisent pas les méthodes de cycle de vie React.Nous pouvons utiliser les méthodes de cycle de vie React dans un composant de classe.
Il est également connu sous le nom de composants sans état.Il est également connu sous le nom de composants avec état.

8. Expliquez les différences entre les composants contrôlés et non contrôlés ?

Composants contrôlésComposants non contrôlés
Ici, les données du formulaire sont gérées par un composant de réaction.DOM gère les données du formulaire.
Il est utilisé pour créer des validations de formulaire lorsque vous voulez toujours connaître la valeur de l'entrée et vérifier s'il s'agit d'un caractère valide.Il est utilisé pour gérer les validations de formulaire sans mettre à jour la valeur d'entrée.

9. Quand les références sont-elles principalement utilisées dans React ?

Les références sont définies comme une fonction fournie par React pour récupérer l'élément DOM et l'élément React que l'utilisateur a créés. Ils sont utilisés dans des situations telles que lorsque vous souhaitez modifier la valeur du composant enfant sans utiliser les accessoires.

10. Pouvez-vous expliquer la relation entre React et ses composants ?

Les réactions et leurs composants sont interdépendants. Ici, les composants de React peuvent être définis comme les blocs de construction de l'application React pour l'interface utilisateur (interface utilisateur). Le processus de division de l'ensemble de l'interface utilisateur en petits éléments indépendants et réutilisables permet de créer l'interface utilisateur de l'application Reacts.

Réagissez aux questions et réponses de l'entrevue

11. Pouvez-vous expliquer certains des avantages de l'utilisation de Redux ?

Certains des avantages de l'utilisation de Redux sont :

  1. Il a une meilleure organisation du code.
  2. Il dispose d'outils de développement efficaces qui permettent aux développeurs de tout suivre, des actions aux changements d'état.
  3. Le code Redux est composé de petites fonctions isolées, pures, ce qui rend le test facile et simple.
  4. Le code Redux est facile à maintenir.
  5. Redux prend en charge une communauté à grande échelle.
  6. Il prend en charge le rendu côté serveur.

12. Pouvez-vous expliquer les avantages du HOC ?

Quelques avantages de HOC sont énumérés ci-dessous :

  1. Réutilisabilité du code.
  2. HOC propose une manipulation pop.
  3. Il prend en charge la manipulation et l'abstraction d'état.
  4. HOC offre une installation de piratage élevée.
  5. Il prend en charge l'application de la logique et de l'abstraction bootstrap.

13. Expliquer les états dans React ?

State in React est un objet javascript utilisé pour stocker les données dynamiques des composants. Il permet également à un composant de suivre les modifications entre les rendus. L'état étant défini comme dynamique, il est réservé uniquement à l'interactivité. Par conséquent, il n'est pas utilisé avec des objets React statiques.

14. Que sont les composants purs dans React ?

Les composants purs dans React sont définis comme les composants qui ne sont pas restitués chaque fois que la valeur d'un état et des accessoires a été mise à jour avec les mêmes valeurs. Le composant n'est pas rendu si la valeur de l'état précédent donné ou apparaît et que le nouvel état de la prop est le même.

15. Expliquez les accessoires dans React ?

Props in React est un mot-clé unique qui représente les propriétés, et il est utilisé pour transmettre des données ou des informations d'un composant à un autre composant, et les données qui sont transmises ici sont dans un flux unidirectionnel.

16. Pourquoi utilisons-nous render() dans React ? Expliquer?

Le rendu dans React est l'une des procédures les plus utiles qu'un programmeur doit gérer dans le développement front-end. La méthode render() dans React est une méthode essentielle du composant de classe, qui est responsable de l'affichage de la vue spécifique à rendre dans la fenêtre du navigateur.

17. Pouvez-vous expliquer Qu'est-ce qu'un magasin dans Redux ?

Un magasin dans Redux est défini comme une arborescence d'objets immuable. En termes simples, un magasin est un conteneur d'état qui contient l'état de l'application. Une fois qu'un magasin est créé dans Redux, vous devez spécifier le réducteur. Un Redux ne peut avoir qu'un seul magasin dans une application.

18. Qu'est-ce qu'un composant avec état dans React ?

Un composant avec état dans React dépend de son objet d'état et a la capacité de changer son propre état. Le composant restitue en fonction des modifications apportées à ses états et peut transmettre les propriétés de son état aux composants enfants en tant que propriétés sur un objet d'accessoires.

19. Pourquoi avons-nous besoin d'un routeur pour réagir ? Expliquer?

Le routeur dans React est un routage dynamique côté client qui vous permet de créer une application Web d'une seule page avec navigation sans rafraîchir la page au fur et à mesure que l'utilisateur navigue. Le routeur React utilise des structures de composants pour appeler des composants qui affichent les informations appropriées.

20. Connaissez-vous Flux dans React ?

React Flux est un concept de programmation où le flux de données est unidirectionnel. Les données entrent ici dans l'application et circulent dans une direction jusqu'à ce qu'elles soient affichées à l'écran.

Réagissez aux questions et réponses de l'entrevue

21. Pouvez-vous faire la différence entre React et Angular ?

RéagirAngulaire
React peut être défini comme une bibliothèque Javascript.Angular peut être défini comme un framework complet.
Il peut être empaqueté avec d'autres bibliothèques.C'est une solution complète en soi.
Il n'offre pas beaucoup de soutien communautaire.Il offre un soutien communautaire.
Il est facile à apprendre par rapport à Angular.Beaucoup de formation est nécessaire pour apprendre Angular.
React nous donne la liberté de sélectionner l'architecture, les outils et les bibliothèques utilisés pour développer une application.Angular offre une liberté et une flexibilité limitées.
Il utilise une liaison de données unidirectionnelle.Il utilise une liaison de données bidirectionnelle.
React est basé sur Virtual DOM.Angular est basé sur le modèle MVC.
Il est écrit en Javascript.C'est écrit dactylographié..
Il permet d'ajouter une bibliothèque javascript au code source.Il ne permet pas d'ajouter des bibliothèques javascript au code source.

22. Pouvez-vous différencier Flux et Redux ?

FluxRedux
Il fournit un débogage unique avec le répartiteur.Le magasin unique Redux facilite le débogage.
Flux comprend plusieurs magasins.Redux comprend des magasins uniques.
Ici, le magasin gère toute la logique.Ici, le réducteur gère toute la logique.
Il prend en charge les frameworks frontaux tels que React, Angular et Polymer.Il prend en charge les frameworks frontaux tels que Backbone js, Meteor, Ember et Polymer.

23. Expliquer les réducteurs dans React ?

Les réducteurs dans React sont définis comme une fonction qui détermine les modifications apportées à l'état d'une application. Le réducteur utilise l'action qu'il reçoit pour déterminer les différences. Des outils comme Redux nous aident à gérer les changements d'état des applications dans un seul magasin afin que leur comportement soit cohérent.

Voir également Top 100 des questions et réponses d'entrevue JavaScript

24. Pouvez-vous définir un événement dans React ?

Un événement dans React est une action qui est déclenchée à la suite de l'action des utilisateurs ou d'un événement généré par le système. Les événements dans React sont nommés camelCase au lieu de minuscules. Avec l'aide de JSX, une fonction peut être transmise en tant que gestionnaire d'événements au lieu d'une chaîne.

25. Pouvez-vous définir HOC dans React ?

HOC signifie High order component, est une technique avancée de Reacts pour réutiliser la logique du composant. HOC est une fonction qui peut prendre le composant comme paramètre et renvoie un nouveau composant. HOC peut être défini comme un modèle qui a émergé de la nature compositionnelle de Reacts.

26. Pouvez-vous expliquer les événements synthétiques dans React ?

Un événement synthétique dans React est défini comme un wrapper multi-navigateur autour de l'événement natif du navigateur. Un événement synthétique a la même interface que l'événement natif des navigateurs, y compris la méthode stopPropagation() et la méthode preventDefault(). Ici, les événements fonctionnent de manière identique sur tous les navigateurs.

27. Pouvez-vous expliquer le mode strict dans React ?

Le mode strict dans React est un outil pour mettre en évidence les problèmes potentiels dans n'importe quelle application. Il ne rend aucune interface utilisateur visuelle. Il est utilisé pour activer des vérifications et des avertissements supplémentaires pour ses descendants.

28. Quelles sont les différentes méthodes de cycle de vie dans React ? Expliquer?

Chaque composant de React doit passer par un cycle de vie d'événements :

  1. Montage : Cela peut être défini comme donner naissance à votre composant.
  2. Mise à jour : Elle peut être définie comme la croissance de votre composant.
  3. Unmount : Il peut être défini comme la mort du composant.

Les différentes méthodes de cycle de vie dans React sont les suivantes :

  1. render() : React utilise render() pour renvoyer la même sortie chaque fois que les mêmes entrées sont transmises.
  2. componentDidMount() : cette méthode est appelée dès que le composant est prêt et monté, où vous pouvez lancer des appels d'API et charger des données à partir d'un point de terminaison distant. Vous pouvez également modifier l'état des composants dans cette méthode.
  3. componentDidUpdate() : Cette méthode est appelée dès que la mise à jour a lieu. Cette méthode met à jour le DOM avec la réponse aux changements d'état ou d'accessoires.
  4. componentWillUnmount() : cette méthode est invoquée juste avant que le composant ne soit démonté et détruit. Vous pouvez effectuer toutes les actions de nettoyage à ce stade.

29. Pouvez-vous faire la différence entre les états et les accessoires ?

AccessoiresÉtat
Ils sont immuables.C'est modifiable.
Ils sont en lecture seule.Les changements d'état peuvent être asynchrones.
Il vous permet de passer des données ou des informations d'un composant à un autre composant en tant qu'argument.Ici, l'état contient les données ou les informations sur les composants.
Ils sont utilisés pour communiquer entre les composants.Ils sont utilisés pour rendre les changements dynamiques avec le composant.
Les accessoires rendent les composants réutilisables.Ici, l'État ne peut pas rendre les composants réutilisables.
Leurs composants enfants ne peuvent pas y accéder.Ils ne sont pas accessibles par leurs composants enfants.

30. Expliquez la fonction flèche dans React et ses utilisations ?

La fonction fléchée dans React est plus une syntaxe pour écrire des expressions de fonction. La fonction permet à l'utilisateur de lier le contexte de la propriété des composants. Ils sont utiles lorsque nous travaillons avec des fonctions d'ordre supérieur.

31. Pouvez-vous énumérer certains des cas où vous devriez utiliser des références ?

Voici quelques-uns des cas où vous devez utiliser les références :

  1. Ils sont utilisés lorsque vous devez sélectionner la lecture de texte ou de média.
  2. Les références sont utilisées pour déclencher des animations impératives.
  3. Les références s'intègrent facilement aux bibliothèques DOM tierces.

32. Pouvez-vous expliquer comment créer des formulaires dans React ?

Les formulaires dans React sont similaires aux formulaires HTML. Ici, l'état est contenu dans la propriété d'état des composants et n'est mis à jour que via setState(). Ainsi, les éléments ici ne peuvent pas mettre à jour leur état directement, et leur soumission est gérée par la fonction JSX (Javascript XML). Cette fonction a un accès ou un contrôle total sur les données que l'utilisateur saisit via le formulaire.

33. Expliquez comment créer un événement dans React with code ?

L'événement dans React est créé par le code ci-dessous.

|__+_|

34. Pouvez-vous expliquer comment modulariser le code dans React ?

Le code dans React est modularisé à l'aide des propriétés d'importation et d'exportation, et ils aident également à écrire les composants séparément dans divers fichiers.

|__+_|

35. Pouvez-vous expliquer les problèmes importants avec le framework MVC ?

Les éléments mentionnés ci-dessous sont quelques-uns des problèmes majeurs du framework MVC.

  1. Les manipulations DOM sont très coûteuses.
  2. Il y avait beaucoup de perte de mémoire.
  3. En raison des indépendances circulaires, un modèle très complexe a été créé autour des vues et des modèles.
  4. Les applications qui utilisaient le framework MVC étaient lentes et inefficaces.
Voir également Top 100 des questions et réponses d'entrevue Ansible

36. Pouvez-vous expliquer l'importance des clés dans React ?

Les clés dans React sont utilisées pour identifier des éléments DOM virtuels uniques avec leurs données associées pilotant l'interface utilisateur. Ils jouent un rôle non négligeable dans React pour optimiser le rendu en recyclant tous les éléments DOM (Document Object Model). Les clés doivent être un nombre ou une chaîne unique ; sur la base de ceux-ci, React réorganise simplement les éléments au lieu de restituer les éléments, et les clés augmentent les performances de l'application.

37. Pouvez-vous décrire les trois principes suivis par Redux ?

Les trois principes suivis par Redux sont énumérés ci-dessous :

    Source unique de vérité :Ici, l'état de l'ensemble de l'application dans React est stocké dans un objet ou une arborescence d'états à l'intérieur d'un seul magasin. Cette arborescence d'état unique facilite le suivi des modifications sur une période de temps et le débogage ou l'inspection de l'application.L'état est en lecture seule :La seule façon de changer l'état dans React est de déclencher une action. Encore une fois, une action dans React est un simple objet JS qui spécifie les modifications. Tout comme la façon dont l'état est défini comme la représentation minimale des données, l'action est également la représentation minimale de la modification de ces données spécifiées.Les modifications se font avec des fonctions pures :Des fonctions pures sont nécessaires pour spécifier comment les actions transforment l'arbre d'état. Dans le cas des fonctions pures, la valeur de retour dépend de la valeur de l'argument.

38. Pouvez-vous lister les composants de Redux ?

Les composants de Redux sont listés ci-dessous :

    Action:C'est un objet dans Redux qui décrit ce qui s'est passé.Réducteur: C'est un endroit qui détermine comment l'état peut être changé.Boutique: L'arborescence d'états ou d'objets de toute l'application est enregistrée dans le magasin.Voir:Il affiche simplement les données ou informations fournies par le magasin.

39. Expliquer les actions dans Redux ?

Les actions dans React doivent avoir la propriété type pour indiquer le type d'action à effectuer. Ils doivent être définis comme une constante de chaîne, et cela vous permet également d'ajouter plus de propriétés. Les actions sont créées à l'aide de la fonction Créateurs d'action.

|__+_|

Le code défini ci-dessus est un exemple d'action et de créateur d'action.

40. Faire la différence entre le routage réactif et le routage conventionnel ?

Réagir RoutageRoutage conventionnel
Il s'agit de pages HTML uniques.Ici, chaque vue correspond à un nouveau fichier.
L'utilisateur est ici trompé, pensant qu'il navigue sur différentes pages.Ici, l'utilisateur navigue en fait sur différentes pages pour chaque vue.
Ici, l'attribut history est uniquement modifié.Ici, il envoie une requête HTTP au serveur et reçoit une page HTML correspondante.

41. Pouvez-vous nous dire pourquoi le mot-clé switch est utilisé dans React router v4 ?

Nous utilisons pour encapsuler diverses routes à l'intérieur du routeur. Nous utilisons un mot-clé switch chaque fois que nous voulons afficher une seule route à restituer parmi les plusieurs routes définies. Lorsque nous utilisons la balise, elle correspond à l'URL saisie avec les itinéraires spécifiés dans un ordre séquentiel. Lorsqu'il trouve la première correspondance, il restitue l'itinéraire spécifié et passe ainsi tous les itinéraires restants.

42. Pouvez-vous lister les avantages du routeur React ?

Les avantages du routeur React sont :

  1. Cela nous permet de comprendre quelles sont les vues de notre application grâce aux déclarations de visualisation dans une structure standardisée.
  2. Il prend en charge la correspondance dynamique des routes.
  3. Il prend en charge le chargement de code paresseux.
  4. On peut facilement gérer les vues imbriquées et les résolutions progressives des vues à l'aide du routeur React.
  5. Avec l'aide de la fonction d'historique de navigation dans le routeur React, on peut facilement naviguer d'avant en arrière en restaurant l'état des vues.
  6. Il est avantageux de travailler avec des équipes en raison de la structure et du comportement normalisés de l'application.

43. Pouvez-vous expliquer pourquoi les navigateurs ne peuvent pas lire JSX ?

Les navigateurs sont conçus pour lire uniquement les objets javascript, mais JSX n'est pas un objet javascript standard. Afin de permettre à un navigateur de lire JSX, nous devons d'abord convertir le fichier JSX en un objet javascript en utilisant les transformateurs JSX comme Babel, puis vous devez le transmettre au navigateur.

44. Pouvez-vous faire la différence entre createElement et cloneElement ?

La fonction React.createElement() est utilisée pour créer des éléments qui seront utilisés pour la représentation d'objet de l'interface utilisateur (interface utilisateur).

CloneElement dans React est utilisé pour cloner un élément et le transmettre aux accessoires.

45. Pouvez-vous expliquer avec le code créer un proxy d'accessoires pour le composant HOC ?

Il est possible d'ajouter ou de modifier des accessoires transmis au composant à l'aide du modèle de proxy d'accessoires, comme indiqué ci-dessous.

|__+_|

46. Expliquez IS ?

JEST est défini comme un framework de test unitaire JavaScript développé par Facebook basé sur jasmine, et il fournit une création simulée automatisée et un environnement jsdom. Il est principalement utilisé pour tester les composants React.

47. Pouvez-vous expliquer comment écrire des commentaires dans React ?

Les commentaires dans React sont similaires à ceux des commentaires multilignes javascript, mais ils sont entourés d'accolades.

Nous avons deux types de commentaires dans React, à savoir,

  1. Commentaires sur une seule ligne.
  2. Commentaires multilignes.

Exemple de commentaires sur une seule ligne :

|__+_|

48. Expliquez quel est le contexte dans React ?

Le contexte dans React est un mécanisme permettant de transmettre des données ou des informations à travers l'arborescence des composants sans passer manuellement les accessoires au niveau d'entrée.

49. Expliquer la réconciliation ?

La réconciliation dans React est un processus. Lorsque l'état ou l'accessoire d'un composant change, React doit décider si une mise à jour réelle du DOM est nécessaire ou non en comparant l'élément nouvellement renvoyé et celui précédemment rendu. Lorsque le React constate qu'il n'est pas égal, la mise à jour du DOM a lieu.

50. Qu'est-ce qu'un accessoire pour enfants dans React ?

Les enfants sont un accessoire (this.props.children) dans React lorsque l'état ou l'accessoire d'un composant change, ce qui lui permet de transmettre les composants en tant que données aux autres composants. L'arborescence des composants placée entre les balises d'ouverture et de fermeture des composants sera transmise à ce composant en tant qu'accessoire enfant.

Quelques-unes des méthodes disponibles dans l'API React pour travailler avec le prop sont répertoriées ci-dessous :

  1. React.Children.map()
  2. React.Children.forEach()
  3. React.Children.count()
  4. Réagissez.Children.Only()
  5. React.Children.toArray()

Exemple d'accessoire pour enfants

|__+_|

51. Que sont les fragments dans React ?

Les fragments dans React sont des modèles courants utilisés par un composant pour renvoyer plusieurs valeurs. Les fragments nous aident à regrouper une liste d'enfants sans ajouter de nœuds supplémentaires aux DOM.

52. Pouvez-vous nous parler des portails dans React ?

Les portails dans React sont recommandés pour rendre les enfants dans un nœud DOM en dehors de la hiérarchie DOM du composant parent.

Syntaxe:

ReactDOM.createPortal(enfant, conteneur)

53. Pouvez-vous expliquer les limites d'erreur dans React v16 ?

Les limites d'erreur dans React sont des composants utilisés pour intercepter les erreurs JavaScript dans l'arborescence des composants enfants, consigner ces erreurs et afficher une interface utilisateur de secours au lieu de l'arborescence des composants en panne.

54. Pouvez-vous expliquer l'utilisation du package React-DOM ?

Le package fournit des méthodes spécifiques à DOM qui sont utilisées au niveau supérieur d'une application. Certaines des méthodes du package sont répertoriées ci-dessous :

  1. rendre()
  2. hydrater()
  3. unmountComponentAtNode()
  4. findDOMNode ()
  5. créerPortail()

55. Expliquer ReactDOMServer ?

L'objet ReactDOMServer nous permet de rendre les composants au balisage statique. Le ReactDOMServer est principalement utilisé pour le rendu côté serveur.

Les méthodes mentionnées ci-dessous peuvent être utilisées pour les environnements de serveur et de navigateur.

  1. renderToString ()
  2. renderToStaticMarkup ()

56. Pouvez-vous expliquer comment activer le mode production dans React ?

Nous devons utiliser la méthode DefinePlugin des webpacks pour mettre NODE-ENV en production, où il supprime des éléments tels que des avertissements supplémentaires et des validations pop.

57. Expliquer les commandes de la méthode du cycle de vie dans le montage ?

Les méthodes de cycle de vie sont appelées dans l'ordre mentionné ci-dessous :

  1. constructeur()
  2. GetDerivedStateFromProps() statique
  3. rendre()
  4. composantDidMount()

58. Pouvez-vous expliquer l'ordre recommandé des méthodes dans une classe de composants ?

Les éléments mentionnés ci-dessous sont l'ordre recommandé des méthodes du montage à l'étape de rendu :

  1. méthodes statiques
  2. constructeur()
  3. getChildContext()
  4. composantWillMount()
  5. composantDidMount()
  6. componentWillReceiveProps()
  7. devraitComponentUpdate()
  8. componentWillUpdate()
  9. componentDidUpdate()
  10. componentWillUnmount()
  11. cliquez sur les gestionnaires ou les gestionnaires d'événements comme onClickSubmit() ou onChangeDescription()
  12. méthodes getter pour le rendu comme getSelectReason() ou getFooterContent()
  13. méthodes de rendu facultatives telles que renderNavigation() ou renderProfilePicture()
  14. rendre()

59. Expliquer React Mixins ?

Les mixins dans React sont utilisés pour séparer totalement les composants afin d'avoir des fonctionnalités communes. PureRenderMixin est l'un des mixins les plus couramment utilisés. Nous l'utilisons dans certains composants pour éviter le nouveau rendu inutile lorsque les états et les accessoires sont égaux à l'état et à l'accessoire précédents.

60. Nommez les événements de pointeur pris en charge dans React ?

Les événements de pointeur dans React fournissent un moyen unifié de gérer tous les événements d'entrée.

Les événements suivants sont pris en charge dans React :

  1. onPointerDown
  2. onPointerMove
  3. onPointerUp
  4. onPointerCancel
  5. onGotPointerCapture
  6. onLostPointerCapture
  7. onPointerEnter
  8. onPointerLeave
  9. onPointerOver
  10. onPointerOut

Bonne chance pour votre entretien React, et nous espérons que nos questions et réponses d'entretien React vous ont été utiles. Vous pouvez également consulter notre Questions et réponses de l'entretien SVN , qui pourrait vous aider.