Reagieren Sie JS-Interviewfragen (2022)

Nach einer telefonischen Vorstellungsrunde erwartet Sie ein Walk-in-Interview mit typischen Fragen zu Ihren Qualifikationen und Fähigkeiten. Neben der allgemeinen Vorbereitung offener Fragen sollten Sie auch wissen, wie man technische Fragen beantwortet.

Auch wenn Sie die Fragen mit Zuversicht und Charisma beantworten, müssen Sie bei der Beantwortung technischer Fragen genau sein. Wir haben einige technische Fragen für Sie zusammengestellt, die Sie vorbereiten können, bevor Sie zum Vorstellungsgespräch erscheinen.

Betrachten Sie diese als Beispiele für die Art von Fragen, die Sie während eines React JS-Interviews erwarten können.

F.1) Erklären Sie den Unterschied zwischen Real DOM und Virtual DOM?

Antwort: Virtual DOM wird schneller aktualisiert, aber HTML kann nicht direkt aktualisiert werden. Es kann JSX aktualisieren, wenn Elemente aktualisiert werden. Es ist eine ausgezeichnete Option, wenn Sie keinen Speicher verschwenden möchten, und es ist auch einfach zu manipulieren.

Auf der anderen Seite sind Real DOM-Updates langsamer, aber sie können HTML direkt aktualisieren. Sie sind jedoch nicht kosteneffektiv, da erstellte DOMs aus Elementaktualisierungen teuer zu manipulieren sind. Darüber hinaus benötigt Real DOM auch viel Speicherplatz.

Q.2) Wie würdest du „React“ beschreiben?

Antwort: Reach wird von Facebook entwickelt, das einem komponentenbasierten Ansatz folgt, der bei der Bildung wiederverwendbarer UI-Komponenten hilft. Es ist eine Front-End-JavaScrip-Bibliothek, die zum Erstellen komplexer mobiler Benutzeroberflächen und interaktiver Webs verwendet wird. React wurde 2015 als Open-Source-Lösung veröffentlicht und wird heute von der Community umfassend unterstützt.

F.3) Können Sie uns die wichtigsten Vorteile der Verwendung von React nennen?

Antwort: React erhöht die Effizienz der Leistung einer Anwendung, und Sie können es sowohl auf der Client- als auch auf der Serverseite verwenden. In React geschriebene Codes sind dank JSX lesbar und das Schreiben von UI-Tests wird problemlos. Man kann React problemlos in andere Frameworks wie Angular und Meteor integrieren.

F.4) Was sind die drei Hauptfunktionen von React?

Antwort: React verwendet virtuelles DOM anstelle von echtem DOM. Es folgt der Datenbindung oder dem unidirektionalen Fluss, während serverseitiges Rendering verwendet wird.

F.5) Glaubst du, dass React irgendwelche Einschränkungen hat?

Antwort: Ja, ich denke, es ist für einen Programmieranfänger schwer zu verstehen, und die Codierung kann aufgrund von JSX und Inline-Templating extrem schwierig werden. Da es sich um ein umfangreiches Framework handelt, braucht es außerdem Zeit, um sich mit React vertraut zu machen.

F.6) Beschreiben Sie VIrtual DOM und seine Funktionsweise.

Antwort: Das virtuelle DOM ist eine Kopie des echten DOM und ein leichtgewichtiges JavaScript-Objekt. Es ist ein Knotenbaum, der alle Attribute, Inhalte und Elemente als Objekte mit ihren Eigenschaften auflistet. Die Render-Funktion in React erstellt aus ihren Komponenten einen Knotenbaum. Wenn ein Benutzer oder System mehrere Aktionen ausführt, aktualisiert es den Baum ständig, um auf die Mutation des Datenmodells zu reagieren.

Die Arbeitsweise des Virtual DOM erfolgt in drei Schritten:

1. Erstens wird die gesamte Benutzeroberfläche in Virtual DOM-Darstellung gerendert, selbst wenn geringfügige Änderungen an den Daten vorgenommen werden.
2. Dadurch entsteht ein Unterschied zwischen der Darstellung von neuem und vorherigem DOM, der berechnet wird.
3. Das echte DOM wird erst mit Dingen aktualisiert, die geändert wurden, nachdem die Berechnungen abgeschlossen sind.

F.7) Sagen Sie uns, was Sie über JSX wissen?

Antwort: JSX ist eine Datei, die React zusammen mit einer HTML-ähnlichen Vorlagensyntax verwendet, um die Ausdruckskraft von Javascript zu nutzen. Es ist eine Abkürzung für JavaScript SML, die jede HTML-Datei leicht verständlich macht. JSX wird verwendet, um die Effizienz und Leistung von Anwendungen zu steigern.

Q.8) Erklären Sie den Unterschied zwischen React und Angular.

Antwort: Es gibt ein paar große Unterschiede zwischen React und Angular, wie z. B. die Architektur, bei der Ersteres nur die Ansicht von MVC erhält, während Letzteres eine Ansicht von vollständigem MVC erhält. Wenn es um das Rendern geht, hat Angular ein clientseitiges Rendering und React geht mit einem serverseitigen Rendering. React verwendet virtuelles DOM und unidirektionale Datenbindung, Angular verwendet echtes DOM mit bidirektionaler Datenbindung. Das Debugging in Angular ist Laufzeit-Debugging, während React Kompilierzeit-Debugging hat. Schließlich hat Google Angular entwickelt, während der Verdienst für die Erstellung von React an Facebook geht.

Q.9) Was meinen wir mit Requisiten?

Antwort: Requisiten sind schreibgeschützte Komponenten, die unveränderlich oder rein gehalten werden sollten, und es ist die Abkürzung für „Properties in React“. In einer Anwendung werden sie von der übergeordneten an die untergeordnete Komponente gesendet, was dazu beiträgt, den unidirektionalen Datenfluss aufrechtzuerhalten. Requisiten helfen auch beim Rendern der dynamisch generierten Daten.

Q.10) Was sind Zustände in React und wie benutzt man sie?

Antwort: Zustände sind die Seele von React-Komponenten, sie müssen vereinfacht werden, weil sie die Datenquelle sind. Man kann sagen, dass Zustände Objekte sind, die das Verhalten und Rendering von Komponenten bestimmen. Änderungen können am Zustand vorgenommen werden, da sie änderbar und effizient beim Erstellen interaktiver und dynamischer Komponenten sind.

F.11) Was sind die Hauptunterschiede zwischen Zuständen und Requisiten?

Antwort: Die übergeordnete Komponente in Requisiten kann den Wert ändern, während dies in einem Zustand nicht geschehen kann. Allerdings gibt es Änderungen innerhalb der Komponenten des Zustands, aber das ist bei Requisiten nicht der Fall. Ähnlich wie bei der Elternkomponente gibt es auch bei der Kindkomponente keine Änderungen, die aber in den Requisiten zu beobachten sind.

Q.12) Was sind die Ähnlichkeiten von Zustand und Requisiten?

Antwort: Es gibt hauptsächlich drei Ähnlichkeiten zwischen dem Zustand und Requisiten.

1. Beide erhalten den Anfangswert von der übergeordneten Komponente.
2. In beiden Fällen können Sie innerhalb von Komponenten Standardwerte festlegen.
3. In der untergeordneten Komponente können Sie den Anfangswert einfach festlegen.

F.13) Was sind zustandsbehaftete Komponenten?

Antwort: Die Zustandsänderung im Speicher von Komponenten wird von einer zustandsbehafteten Komponente gespeichert, sie hat auch die Berechtigung, den Zustand zu ändern und sich aller in einem Zustand vorhandenen Änderungen bewusst zu sein. Zustandslose Komponenten senden die Requisiten herunter, nachdem sie sie über die erforderliche Zustandsänderung benachrichtigt haben.

Q.14) Was meinen wir mit zustandslosen Komponenten?

Antwort: Der interne Status von Komponenten wird von zustandslosen Komponenten berechnet, und sie haben keine Berechtigung, den Status zu ändern. Ihnen fehlt das Wissen über die gegenwärtigen, vergangenen und zukünftigen Zustandsänderungen. Schließlich senden die zustandsbehafteten Komponenten ihnen Props, die sie als Callback-Funktionen behandeln.

Q.15) Beschreiben Sie synthetische Ereignisse.

Antwort: Die Objekte, die sich als Cross-Browser-Wrapper um das native Ereignis des Browsers verhalten, werden als synthetische Ereignisse bezeichnet. Ihre Schlüsselfunktion besteht darin, eine API zu erstellen, indem das Verhalten mehrerer Browser kombiniert wird. Dadurch werden konsistente Eigenschaften in Ereignissen über verschiedene Browser hinweg sichergestellt.

F.16) Was sind Referenzen und wann sollten Sie sie verwenden?

Antwort: Ref bedeutet Referenzen in React, und es ist ein Attribut, das eine Referenz einer bestimmten Reaktionskomponente oder eines Elements speichert. Die Renderkonfigurationsfunktion in Komponenten gibt diese Verweise zurück. Sie helfen dabei, Methoden zu wichtigen Komponenten hinzuzufügen und DOM-Messungen zu erhalten. Wir können auch Verweise verwenden, um den Fokus zu verwalten, die Medienwiedergabe oder Text auszuwählen. Darüber hinaus helfen sie auch bei der Integration in DOM-Bibliotheken von Drittanbietern und beim Auslösen zwingender Animationen.

Q.17) Was sind kontrollierte Komponenten?

Antwort: Steuerungskomponenten können ihren Status nicht beibehalten, und die übergeordnete Komponente steuert die Daten. Außerdem erfassen sie aktuelle Werte mit Hilfe von Props und verwenden Callbacks, um über Änderungen zu informieren.

Q.18) Was wissen Sie über unkontrollierte Komponenten?

Antwort: Unkontrollierte Komponenten behalten ihren Zustand bei. Hier kontrolliert das DOM die Daten, im Gegensatz zu kontrollierten Komponenten. Sie verwenden auch Refs, um ihre aktuellen Werte abzuleiten.

F.19) Nennen Sie die Vorteile von Redux.

Antwort: Redux bietet folgende Vorteile –

• Organisation : Die Teamarbeit wird bei Redux einfacher, da es um die Organisation des Codes geht, was ihn konsistenter macht.
• Einfach zu testen : Der Code ist unabhängig und testbar, da er isolierte, kleine und reine Funktionen hat.
• Community : Redux hat die Unterstützung einer großen und talentierten Community, die die Bibliothek weiter verbessert und gleichzeitig mehrere Anwendungen erstellt.
• Entwicklertools : Entwickler können alles in einer Anwendung leicht nachverfolgen, von Statusänderungen bis hin zu Aktionen.
• Serverseitiges Rendern : Bei Redux müssen Sie den Speicher nur an die Clientseite senden, wodurch die Benutzererfahrung verbessert wird, da sich die Leistung der Anwendung erhöht.
• Wartbarkeit : Der Code hat eine strenge Struktur und ein vorhersagbares Ergebnis, was die Wartung erleichtert.
• Vorhersagbarkeit der Ergebnisse : Es gibt keine Verwirrung über die Synchronisierung der aktuellen Zustandsaktion mit Teilen der Anwendung, da es nur eine Speicherquelle gibt.

Fazit

Das Erlernen von React Js ist nicht kompliziert, wenn Sie hartnäckig und engagiert sind. Sobald Sie Ihre Programmiersprache in- und auswendig kennen, können Sie jedes Interview mit Leichtigkeit knacken. Wenn Sie die Sprache gerade erst entdecken oder Ihre Kenntnisse vertiefen möchten, schauen Sie sich unseren Master of Science in Informatik der Liverpool John Moore University an. Dieser 19-monatige Kurs umfasst einige der Top-Trending-Tools, darunter React, Java, JavaScript, Spring, Hyperledger und Ethereum, um nur einige zu nennen.

Nach Abschluss dieses Kurses werden Sie ein tiefes Verständnis von React erlangen. Darüber hinaus sind Sie berechtigt, hochbezahlte Rollen wie Softwareentwickler/-ingenieur, Full-Stack-Entwickler, Blockchain-Entwickler, Cloud-Experte/-Architekt, Cyber-Sicherheitsingenieur, Dateningenieur und DevOps-Ingenieur zu übernehmen.