Wie man die Fähigkeiten von React-Entwicklern überprüft 

Veröffentlicht: Zuletzt aktualisiert:
Wie man nach React-Entwickler-Fähigkeiten sucht Blog

Für jede Organisation, die ihre Online-Präsenz verbessern möchte, ist ein Front-End-Entwickler wohl eine der wichtigsten Einstellungen. Ihr Code, ihre UX-Sensibilität und ihre Fähigkeit, sowohl mit Ihren Technik- als auch Design-Teams zusammenzuarbeiten, können bestimmen, wie Menschen Ihre Marke interpretieren werden. Eine der am häufigsten verwendeten Technologien für die clientseitige Programmierung ist die JavaScript-Bibliothek React.

Mit einer steigenden Nachfrage nach React - es hat die jährliche Umfrageliste von Stack Overflow für meistgesuchte Web-'Frameworks' Jahr für Jahr (und unsere eigene auch - zur Sicherheit), gibt es folglich eine große Nachfrage nach React-Entwicklerfähigkeiten. Technische Recruiter befinden sich oft in einer Zwickmühle, wenn sie keine Lebensläufe mit einem starken Hintergrund und entsprechenden Fähigkeiten erhalten. Das größte Problem, das sie wirklich haben, ist, dass sie nicht wissen, nach welchen spezifischen Fähigkeiten sie suchen sollen.

Es gibt viele komplexe und langwierige Prozesse bei der Einstellung für die React-Entwickler Job Rolle beteiligt. Wie können Sie also den besten React-Entwickler für Ihr Unternehmen einstellen? Lesen Sie unseren vollständigen Leitfaden für die Rekrutierung eines qualifizierten React-Spezialisten, der zu Ihrem Team passt.

Was ist Reagieren?1. Was ist React?

React (auch als React.js oder ReactJS geschrieben) ist eine Open-Source-JavaScript-Bibliothek, die zur Erstellung interaktiver Benutzeroberflächen (UIs) verwendet wird. In Bezug auf Websites und Webanwendungen, UIs sind die Sammlung von Bildschirmmenüs, Suchleisten, Schaltflächen und alles andere, mit dem jemand interagiert, um eine Website oder App zu nutzen. Es wurde von Facebook 2013 erstellt und wird als Grundlage für eine einzelne Webseite oder mobile Apps (mit React Native) verwendet.

React hilft Entwicklern dabei, UIs als einen Baum aus kleinen Stücken zu bauen, die Komponenten genannt werden. Eine Komponente ist eine Mischung aus HTML und JavaScript, die die gesamte Logik erfasst, die zur Darstellung eines kleinen Abschnitts einer größeren UI erforderlich ist. Jede dieser Komponenten kann zu sukzessive komplexeren Teilen einer App aufgebaut werden.

Ein wichtiger Unterschied zwischen Bibliotheken wie React und Frameworks wie Ember.js und Angular ist, dass React sich nur mit dem Rendering der UI beschäftigt und vieles dem jeweiligen Projekt überlässt. React gilt als meinungsfreudig.

React hat sich als eine der dominantesten Bibliotheken etabliert, die von Entwicklern verwendet werden. Laut der Umfrage zum Stand des Entwickler-Ökosystems 2020React ist mit 63% der Befragten, die angaben, es zu nutzen, die am häufigsten verwendete Plattform - ein Anstieg von 10% im Vergleich zum Vorjahr. Außerdem steht React an erster Stelle, wenn man die Rohdaten und die schiere Masse der Downloads betrachtet, mit großem Abstand.

1.1. Wofür wird React verwendet und welche Probleme löst es?

Vor React mussten Entwickler die Benutzeroberfläche manuell mit "Vanille-JavaScript" (Entwickler sprechen für die rohe JavaScript-Sprache ohne unterstützende Frameworks) oder mit weniger UI-fokussierten React-Vorgängern wie jQuery. Dieser Prozess führte zu langen Entwicklungszeiten und mehr Spielraum für Unregelmäßigkeiten und Bugs. Die Vorherrschaft von React löste Probleme wie diese schnell.

Es gibt Hunderttausende von Websites, die auf React basieren. Es ist aufgrund seiner Funktionalität, Geschwindigkeit und der Fähigkeit, sich an unterschiedlich große Projekte anzupassen, extrem beliebt. Einige Beispiele für beliebte Websites, die React verwenden, sind Facebook, Instagram, Netflix, Reddit, Airbnb und Uber.

React macht es einfach, UI-Testfälle zu erstellen, SEO-freundliche Websites zu bauen, Komponenten auf vielen Plattformen wiederzuverwenden, bestehenden Code für eine Website in eine mobile App zu implementieren, die Leistung bei ressourcenintensiven Webanwendungen zu beschleunigen und es kann überall dort eingesetzt werden, wo JavaScript benötigt wird.

1.2. Ist es ähnlich wie bei anderen Sprachen oder Frameworks?

Das Design und die Funktionalität von React ist anderen JavaScript-Frameworks nicht sehr ähnlich.

Das Framework Vue weist jedoch Ähnlichkeiten mit React auf. Dazu gehören die Fähigkeit, ein virtuelles DOM zu verwenden, reaktive und komponierbare View-Komponenten bereitzustellen und den Fokus in der Kernbibliothek zu halten, wobei Belange wie Routing und globale Zustandsverwaltung von Begleitbibliotheken behandelt werden.

Aber es gibt noch eine weitere Besonderheit: React baut HTML mit der sogenannten JSX-Syntax auf, die dem ursprünglichen HTML sehr ähnelt. In gewisser Weise können also HTML-Kenntnisse für React sehr nützlich sein.

1.3. Was sind seine wichtigsten Vorteile oder Merkmale?

Ein klarer Vorteil der Verwendung von React ist, dass es einen funktionalen Programmierstil verwendet. Funktionale Programmierung ist der Prozess der Erstellung von Software durch das Zusammenstellen von reinen Funktionen; Vermeidung von gemeinsamem Zustand, veränderbaren Daten und Seiteneffekten. Funktionale Programmierung ist eher deklarativ als imperativ und als Ergebnis verwendet React sehr wenig "Boilerplate"-Code. Das bedeutet, dass Sie mit kleinen Mengen an Code viel erreichen können. Das Erlernen des Prozesses kann einige Zeit in Anspruch nehmen, aber auf lange Sicht verkürzt es die Entwicklungszeit und reduziert das Risiko von Programmierfehlern.

React kommt mit zwei Schlüsselfunktionen, die seine Attraktivität für JavaScript-Entwickler erhöhen: JSX und Virtual DOM.

JSX (kurz für JavaScript eXtension) ist eine spezielle React-Syntaxerweiterung, die es Webentwicklern effektiv ermöglicht, HTML-Syntax mit JavaScript-Syntax zu mischen. Normalerweise erlaubt natives JavaScript diese Funktion nicht, sodass JSX die Menge des benötigten Codes stark reduziert. Und - da die Browserunterstützung von React sich auf alle modernen Webbrowser erstreckt, ist JSX mit jeder verfügbaren Browserplattform kompatibel.

Wenn ein Entwickler JSX verwendet, um sein DOM zu manipulieren und zu aktualisieren, erstellt React etwas, das Virtual DOM genannt wird. Das virtuelle DOM ist eine künstliche Kopie des DOM der Seite und React verwendet diese Kopie, um zu sehen, welche Teile des tatsächlichen DOMs geändert werden müssen, wenn ein Ereignis eintritt (z. B. wenn ein Benutzer auf eine Schaltfläche klickt). Diese Art der selektiven Aktualisierung benötigt weniger Rechenleistung und weniger Zeit, um die Seite neu zu laden. Insgesamt wird die Erfahrung für Programmierer viel angenehmer.

Was sollte ein IT-Recruiter über React wissen2. Was ist für einen IT-Recruiter wichtig, um über React zu wissen?

Was sollte ein React-Entwickler wissen? Eine wichtige Sache für einen IT-Recruiter ist, sich daran zu erinnern, dass React eine View-Bibliothek/ein Framework ist, das bestimmt nicht, wie wir den Zustand (Daten) in unseren Anwendungen. Um dem entgegenzuwirken, wurde 2015 eine beliebte Bibliothek für die Zustandsverwaltung namens Redux veröffentlicht, die bis 2019 in Gebrauch blieb.

Heutzutage hat Redux an Zugkraft verloren und React Hooks hat seinen Mantel als primäres Werkzeug zur Verwaltung des Anwendungsstatus übernommen. Heute schreiben die Leute nicht mehr so oft neue Apps mit Redux. Aber viele bestehende Projekte, Produkte und Unternehmen verlassen sich auf Redux und werden es noch viele Jahre lang aktiv pflegen müssen.

2.1. Wie oft ändert sich der Tech-Stack?

Das ist schwer zu sagen, da wir die Zukunft nicht vorhersagen können. Ungefähr alle 2-3 Jahre gibt es eine große Veränderung, wie z. B. das Ersetzen von Mixins durch Higher-Order Components oder die Abkehr von Class Components hin zu funktionalen, Hooks-basierten Komponenten.

2.2. Sind viele Ressourcen/Werkzeuge/Technologien verfügbar?

Für React gibt es eine riesige Menge an Material, darunter auch viele kostenlose Tutorials zur Verwendung von React. Die Benutzerfreundlichkeit der Bibliothek ist nicht so kompliziert wie z. B. bei Angular, weshalb sie bei Amateuren und erfahrenen Programmierern gleichermaßen beliebt ist.

In Bezug auf Tools gibt es auch Tonnen von Plugins und Bibliotheken, die mit React verwendet werden können. Da das Framework von Facebook synthetisiert wurde, ist das unterstützende Ökosystem wirklich mächtig. Es gibt viele JS-Bibliotheken, die ihre entsprechenden React-Bindings haben. Eine Vielzahl von Tools wird immer noch aktiv für React gewartet und das ist bei den Anwendern sehr beliebt (es ist wichtig, ein Tool zu wählen, das weder aufgegeben noch aktualisiert zu sein scheint).

Es gibt unzählige Ressourcen, um React zu paaren oder auf einer anderen Ebene zu lernen, und die besten finden Sie auf Websites wie Hongkiat.

2.3. Mit welchen Tools und Techniken sollte ein React-Entwickler vertraut sein?

Eine der effektivsten Möglichkeiten, den Umgang mit React zu erlernen, ist die Verwendung seiner Werkzeuge zur Erstellung von Web-Apps für reale Projekte. Es ist also sehr wahrscheinlich, dass der Entwickler bereits reichlich Erfahrung damit hat. Kenntnisse über React Hooks, React Context API und Redux sind für einen React-Entwickler unerlässlich.

  • Für die Erstellung visueller Elemente sollte ein React-Entwickler ein tiefes Verständnis von HTML, CSS, SASS/LESS/Stylus haben. Auch SVG wäre ein Bonus.
  • Gute JavaScript-Kenntnisse sind grundlegend, Typescript ist ebenfalls von Vorteil.
  • Sie sollten über Kenntnisse in den folgenden Bibliotheken verfügen: jQuery, MomentJS, Underscore und Lodash
  • Ein erfahrener React-Entwickler weiß, wie man diese JavaScript-Tools verwendet: npm, Yarn, Node.js-Plattform (als Ganzes) - und mindestens eines der Tools, um die Erstellung der Anwendung zu automatisieren: Webpack, Parcel oder Rollup (Grunt, Gulp und Browserify waren vor langer Zeit populär, sie werden heutzutage nicht mehr oft verwendet)
  • Für das Testen sollten sie TDD, BDD, Unit Tests kennen und in der Lage sein, diese Testwerkzeuge wie Jest oder Enzyme sicher einzusetzen. Jasmine, Karma, Mocha, und Selenium wären ebenfalls hilfreich.
  • Ein guter Hintergrund bei der Verwaltung von Cloud-Plattformen wie SaaS, Amazon AWS, Google Cloud oder Microsoft Azure ist von Vorteil.
  • Suchen Sie jemanden mit Kenntnissen in diesen Software-Anwendungsplattformen:
    • Projekt-Management-Tools: Jira
    • Server: NGINX, Apache
    • Online-Kollaborationstools Slack, Miro, Figma und Cloud-Docs wie Google oder Microsoft etc.

2.4. Welche Art von Erfahrung ist wichtig, um nach einem React-Entwickler zu suchen?

Wissenschaftliche und akademische Erfahrung ist für React fast irrelevant. Kommerzielle Erfahrung hingegen ist sehr wichtig. Open-Source-Erfahrung ist ein "nice-to-have", aber definitiv kein Muss. Wenn ein Entwickler eine beliebte OS-Bibliothek pflegt, wäre das ein sehr starker Vorteil.

Im Allgemeinen ist die Ausführung einfacher Aufgaben in React nicht kompliziert, weshalb viele Möchtegern-Entwickler versuchen, ihre Karriere in der Frontend-Entwicklung zu beginnen, oft in React. Daher gibt es viele Boot-Camp-Absolventen, die ihren ersten Job in React bekommen wollen. Es ist ein sehr großer Vorteil, kommerzielle Erfahrung zu haben, im Vergleich zu Leuten, die Boot-Camps besucht und oft nebenbei ein oder zwei Projekte erstellt haben. Es ist toll, Neulingen eine Chance zu geben, aber ihre Erfahrung ist nicht wirklich gleichzusetzen mit kampferprobtem Wissen.

Ract-Fähigkeiten verifizieren - react js developer skills3. Wie verifiziert man die Fähigkeiten von React-Entwicklern in der Screening-Phase?

Technische oder harte Fähigkeiten sind berufsspezifische Kenntnisse die notwendig sind, um eine Arbeit auszuführen. Diese Fähigkeiten werden durch Schulungen, Seminare, Trainings und Zertifizierungen erlernt und entwickelt.

Auf der anderen Seite beziehen sich Soft Skills auf die zwischenmenschlichen Fähigkeiten einer Person. Sie sind von Natur aus ziemlich schwierig zu messen oder zu quantifizieren. Soft Skills helfen uns zu definieren, wie ein Mitarbeiter mit anderen interagiert und ob er die Qualitäten hat, die in die Unternehmenskultur passen. Einige der wichtigsten Soft-Skills für einen React-Entwickler sind:

  • Ausgezeichnete Kommunikationsfähigkeiten
  • Teamarbeit
  • Kreativität
  • Die Fähigkeit, mit Kritik umzugehen

3.1. Was ist bei der Überprüfung eines Lebenslaufs zu beachten?

Sicherlich ist das erste, wonach man in einem Lebenslauf suchen sollte, kommerzielle Erfahrung in der Entwicklung von Front-End-Projekten. Immer Erfahrung gegenüber einer langen Liste von verschiedenen Tools bevorzugen. Warum?

Die moderne Frontend-Entwicklung hat Hunderte von Tools eingeführt, die ähnliche Probleme auf unterschiedliche Weise lösen, und manchmal tun sie dasselbe. Es gibt viele Trends. Bestimmte Tools mögen populär sein und zwei Jahre später sind sie bereits veraltet, die Landschaft ändert sich sehr schnell.

Die Tatsache, dass jemand Werkzeug X in seinem Lebenslauf erwähnt hat, bedeutet, dass er damit etwas bauen könnte. Aber es bedeutet nicht, dass sie ein solides Verständnis davon haben, warum sie es auf diese Weise gemacht haben, oder was die Vor- und Nachteile anderer verschiedener Lösungen sind. Die Fähigkeit, sich an ungewohnte Situationen anzupassen, ist hier der eigentliche Schlüssel. Ohne diese grundlegende Erfahrung in der Lösung verschiedener Probleme kann ein Entwickler nur wissen, was er gewohnt ist oder was ihm beigebracht wurde.

Alles in allem ist es also ziemlich einfach, eine Reihe bekannter Tools in einem Lebenslauf aufzulisten, aber das Lösen von Problemen ist viel wichtiger. Wenn jemand "das Entwerfen von Lösungen" oder "das Bereitstellen von Architektur" mit einbeziehen würde, wäre das vorzuziehen, im Gegensatz zum bloßen Aufzählen von Tool-Namen.

React-Glossar - react js entwickler-kenntnisse3.2. Welche Glossarbegriffe sind in React wichtig zu wissen (einschließlich Frameworks, Bibliotheken und Sprachversionen)?

Dies sind die Schlüsselwörter, die es zu verstehen gilt:

Architektur
  • Komponenten der Klasse
  • Funktion(en) Komponenten
  • React-Haken
Staatliches Management
  • React-Kontext-API
  • Redux
  • MobX
Styling
  • Styled-Komponenten
  • Emotion
  • CSS in JS
  • CSS-Module
Statische Typisierung oder Typprüfungen
  • TypScript
  • Durchfluss
Ökosystem
  • npm
  • Node.js
  • NVM
Bündler
  • webpack

React-Entwickler verwenden auch React Native - das ist für die Erstellung nativer mobiler Apps. Wenn React mit React Native gepaart wird, können Entwickler denselben Code sowohl für den Browser als auch für mobile Geräte verwenden, was ein großer Vorteil ist. Allerdings gibt es noch einige wichtige plattformspezifische Codes für jede Plattform, die nicht dupliziert werden können.

3.3. Welche Versionen sind völlig unterschiedlich? Welche Versionen sind einander ähnlich?

Die Anzahl der Versionen ist nicht so wichtig, da die Leute sie nicht auswendig lernen, aber es gab tatsächlich ein paar "Epochen" in der Entwicklung von React.

Denken Sie daran, es ist nicht wie Python v2 und v3, die nicht miteinander kompatibel sind. Was wichtiger ist, sind die Architekturen, die die Leute kompiliert haben. Natürlich sind neue Versionen hinzugekommen, aber bei React v16.8.3 klingelt es bei vielen Entwicklern nicht.

Zu den Architekturen, mit denen man vertraut sein könnte (in chronologischer Reihenfolge), gehören:

  • Klasse komponentenbasiertes React
    • Mixins - ein sehr alter Ansatz. Heutzutage ist es im Wesentlichen Legacy und sollte vermieden werden. Es gibt jedoch einige alte Projekte, in denen er noch verwendet wird.
    • HOCs (Higher-Order Components) - die Idee bei diesem Ansatz ist, dass eine HOC ein einzelnes Verhalten zu einer Komponente hinzufügt (eine Funktionalität). Viele Projekte haben es noch, aber es wird als Legacy betrachtet.
    • Render-Requisiten - einige Nicht-Standard-Komponenten, die kein UI haben, haben nur Logik/Verhalten. Und sie akzeptieren diese "Render Prop", um zu definieren, was die Ansicht ist. Wir trennen also zwangsweise die Logik von der UI. Einige Projekte haben es vielleicht, aber es wird als Legacy betrachtet.
  • Funktion komponentenbasiertes React
    • React-Haken - Ende 2018 eingeführt und wurde schnell zum dominierenden Ansatz. Dieser ist heutzutage ein absolutes Must-Have. Er basiert auf der funktionalen Programmierung und ist völlig anders als die Klassenkomponenten. Wenn man es einmal gelernt hat, ist es sicherer und weniger fehleranfällig. Aber es erfordert in der Regel mehr Aufwand, es zu lernen, verglichen mit Klassenkomponenten.

Alle oben genannten Ansätze versuchen so ziemlich das gleiche Ziel zu erreichen, wenn auch auf unterschiedliche Weise. In erster Linie durch: Zusammenstellen von Komponenten, Kombinieren von wenigen kleineren Komponenten zu einem größeren Stück, Verbesserung der Wiederverwendbarkeit und Verbesserung der Komposition.

3.4. Welche anderen Zeilen in einem Lebenslauf können React-Entwickler-Fähigkeiten zeigen?

Für React-Entwickler ist es außerdem wichtig, dass sie ein tiefes Wissen über Framework-unabhängige Fähigkeiten haben, einschließlich:

  • Sprache: JavaScript, ES6
  • Asynchrones JavaScript (Versprechen, Ereignisse, async await und rxjs)
  • HTTP - das Protokoll, das heutzutage von Milliarden von Geräten verwendet wird und die Kommunikation zwischen Clients und Servern ermöglicht
  • Typescript und/oder Flow (statische Typisierung von React-Apps)
  • UI-Bibliotheken wie z. B. Material UI
  • Generell, Architektur und Entwurfsmuster.

3.5. Welche Zertifizierungen sind verfügbar und werden anerkannt? Sind sie hilfreich bei der Bestimmung der Fähigkeiten?

In der Frontend-Landschaft gibt es keine angesehenen Zertifizierungen, die es wert wären, verfolgt zu werden. Wenn es überhaupt Zertifizierungen gibt, sind sie nicht sehr bekannt. Es ist das komplette Gegenteil von dem, was Java früher war (mit vielen Zertifizierungen, die man machen konnte).

Fragen zum React-Interview4. Technisches Screening der React-Entwicklerfähigkeiten während eines Telefon-/Videointerviews

Ob Sie nun IT-Recruiter oder Projektmanager sind, Sie wissen, dass der Erfolg Ihres Projekts von Ihrer Fähigkeit abhängt, Top-Entwickler zu finden.

Im Folgenden finden Sie einige Beispiel-Interview-Fragen, auf die Sie sich beziehen können, wenn Sie einen neuen React-Entwickler für die Erstellung Ihrer Webanwendungen suchen.

4.1. Fragen, die Sie einem React-Entwickler stellen sollten erleben. Warum sollten Sie jede dieser Fragen stellen?

  • Achten Sie auf automatisierte Tests?
    • Entwickler, die nicht die Angewohnheit haben, Unit-/e2e-Tests zu schreiben, mögen sich über die Qualität ihres Codes echauffieren, aber in Wirklichkeit ist der Prozess des Testens lebenswichtig.
  • Haben Sie die Barrierefreiheit (a11y) in Ihren aktuellen Projekten unterstützt?
    • Es ist wichtig, barrierefreie Websites zu erstellen, insbesondere für Behörden und Finanzinstitute, damit Menschen mit Behinderungen die Anwendungen optimal nutzen können.
  • Kodieren Sie lieber die Geschäftslogik oder die visuelle Schicht?
    • Der Kandidat sollte sagen, was seine Stärken sind und welche Aufgaben er in seiner täglichen Arbeit am liebsten erledigen würde.
  • Wie würden Sie Ihre React-Codebasis optimieren?
    • Antworten auf diese Frage lassen auf Erfahrung schließen. Eine gute Antwort sollte verschiedene Techniken beinhalten, wie z. B.: memo, useMemo, PureComponent, das Entfernen unnötiger Berechnungen und das Aufteilen von Komponenten in kleinere Teile (so dass bei jeder Änderung weniger Markup neu gerendert wird).

4.2. Fragen, die Sie einem React-Entwickler stellen sollten Wissen und Meinungen. Warum sollten Sie jede dieser Fragen stellen?

  • Warum hat die Community Redux abgelehnt (oder zumindest behauptet, es sei nicht der Weg in die Zukunft für React)?
  • Nennen Sie die Vor- und Nachteile von Redux und React Context API. Wo würden Sie das eine dem anderen vorziehen?
  • Was sind die Vorteile von React Hooks?
  • Zeigen Sie ein paar funktionale Programmiertechniken auf, die häufig in React-Anwendungen verwendet werden.

Die oben genannten Fragen sind sehr allgemein gehalten und ermöglichen es dem Bewerber, sich im Gespräch zu positionieren. Wenn der Bewerber unerfahren ist, werden Sie das ziemlich schnell feststellen können.

Eine schlechte Antwort auf die Frage 'Warum wurde Redux abgelehnt?" wäre 'Weil React Hooks besser ist'. Eine sachkundigere Antwort wäre: Obwohl Redux viele Vorteile wie vorhersehbare Zustandsverwaltung, Explizitheit, Zeitreisen und heißen Modulersatz bietet, wird in Redux viel repetitiver Code hinzugefügt und die Erschwinglichkeit wurde für viele seiner Benutzer zu einem Problem.

Einige andere Fragen, die sich auf Wissen und Meinungen beziehen, sind:

  • Warum hat React das virtuelle DOM eingeführt?
    • Antwortet nicht, was es ist, sondern warum es da ist, beweist, dass ein Entwickler das interne Design und die Architektur hinter React selbst versteht. Eine kurze Antwort ist wegen der Leistung, der Flexibilität und der Einfachheit der Änderung der HTML-Struktur
  • Welche Probleme lösen die CSS-Module?
    • Es ist wichtig, die Herausforderungen bei der Verwaltung von CSS in React-Apps zu verstehen. Einige Stile sickern nach außen, und einige Stile von außen sickern in Ihre Stelle. CSS-Module emulieren lokale Stile.
  • Warum wird von Refs (kurz für Referenzen) abgeraten?
    • Dies ist wichtig, da es beweist, dass man die Philosophie hinter React versteht. Kurz gesagt, der typische Ansatz, Dinge zu programmieren, ist imperativ. React verfolgt einen deklarativen Ansatz. Refs sind eine Flucht in die imperative Welt, die außerhalb der React-Philosophie existiert. Sie sollten nur als letzter Ausweg verwendet werden.

4.3. Verhaltensweisen Fragen, die Sie einem React-Entwickler stellen sollten. Warum sollten Sie jede dieser Fragen stellen?

  • Was war die schwierigste React-Aufgabe, die Sie umsetzen mussten? Wie sind Sie damit umgegangen?
    • Die Antwort auf diese Frage zeigt, mit welchen ungewohnten Aufgaben der Entwickler konfrontiert wurde. Dies könnte sich auf das Erlernen neuer Fähigkeiten, Teamarbeit oder ihre Zusammenarbeit mit einem Unternehmen beziehen.
  • Wenn Sie herausfinden würden, dass es eine neue Bibliothek für die Zustandsverwaltung für React gibt, die an Popularität gewinnt - würden Sie sie in Ihr Projekt einbauen, da Sie wissen, dass Sie bereits zwei verschiedene Möglichkeiten haben, mit der Zustandsverwaltung umzugehen?
    • Wie bereits erwähnt, sind die sich ständig ändernden Trends ein Problem in der Frontend-Landschaft. Tools ändern sich, aber manche Leute verlieren ihren Fokus und behandeln die Tools als das Ziel selbst, anstatt sie als Mittel zum Erreichen eines Geschäftsziels zu behandeln. Bevorzugen Sie immer Entwickler, die das Ergebnis im Auge haben und nicht die Richtung, die es braucht, um dorthin zu gelangen.
  • Wenn es einen neuen Ansatz für den Umgang mit React gäbe, würden Sie gerne ein Early Adopter sein?
    • Das Gleiche wie oben - bevorzugen Sie keine neuen Tools gegenüber den Geschäftszielen. Das Umschreiben der eigenen Codebasis kostet Zeit und Geld und Entwickler sollten sich dessen bewusst sein.

React Codierungstests5. Technisches Screening der Fähigkeiten von React-Entwicklern mithilfe eines Online-Codierungstests

Die Einstellung eines großartigen React-Entwicklers kann eine große Herausforderung darstellen, vor allem, wenn Sie die ganze Drecksarbeit selbst machen. Es besteht kein Zweifel, dass der Prozess in der Regel tonnenweise Geduld im Umgang mit all dem Papierkram und den Interviews erfordert.

Diese Online-Jobbörsen und -Marktplätze sind ein guter Anfang, wenn Sie auf Projektbasis einstellen. Aber für große Projekte, die ein langfristiges Engagement und Budget erfordern, brauchen Sie ein Softwareentwicklungsunternehmen mit einem soliden Rekrutierungsprozess.

5.1. Welchen Online-Test für React-Entwickler-Fähigkeiten sollten Sie wählen?

Bei der Suche nach dem richtigen Test der Fähigkeiten von React-Entwicklern sollten Sie sicherstellen, dass sie den folgenden Kriterien entspricht:

  • Der Test spiegelt die Qualität der ausgeführten professionellen Arbeit wider
  • Die Dauer ist nicht zu lang, maximal ein bis zwei Stunden.
  • Der Test kann automatisch verschickt werden und ist unkompliziert
  • Der Schwierigkeitsgrad entspricht den Fähigkeiten des Kandidaten
  • Der Test geht über die Überprüfung hinaus, ob die Lösung funktioniert - er prüft die Qualität des Codes und wie gut er in Randfällen funktioniert
  • Es ist so nah wie möglich an der natürlichen Programmumgebung und ermöglicht dem Kandidaten den Zugang zu relevanten Ressourcen
  • Es bietet dem Kandidaten die Möglichkeit, alle Bibliotheken, Rahmenwerke und andere Hilfsmittel zu nutzen, die ihm regelmäßig begegnen.

5.2. DevSkiller einsatzbereite Online-Tests für React-Entwicklerfähigkeiten

Devskiller-Codierungstests verwenden unsere RealLifeTesting™ Methodik, um die tatsächliche Codierungsumgebung, in der Ihr Kandidat arbeitet, widerzuspiegeln. Anstatt obskure Algorithmen zu verwenden, müssen die Kandidaten bei den DevSkiller-Tests Anwendungen oder Funktionen erstellen. Sie werden völlig automatisch benotet und können überall auf der Welt absolviert werden. Gleichzeitig hat der Kandidat Zugriff auf alle Ressourcen, die er normalerweise verwenden würde, einschließlich Bibliotheken, Frameworks, StackOverflow und sogar Google.

Unternehmen nutzen DevSkiller, um Kandidaten mit ihrer eigenen Codebase von überall auf der Welt zu testen. Um es einfach zu machen, bietet DevSkiller auch eine Reihe von vorgefertigten Data-Science-Fähigkeitstests wie die hier:

Reagieren Sie
MIDDLE
Geprüfte Fähigkeiten
Dauer
113 Minuten max.
Auswertung
Automatisch
Test-Übersicht

Programmieraufgabe - Stufe: Hart

JavaScript | React, Redux | Adressbuch - Implementieren Sie fehlende Funktionen einer kleinen React-Webanwendung, die auf Redux aufbaut.

Programmieraufgabe - Stufe: Medium:

JavaScript | Node.js | Adressbuch - Implementieren Sie Endpunkte, um die Liste der Kontakte zu holen (mit einem Phasenabgleich und einer Ergebnisbegrenzung), um Details eines einzelnen Kontakts zu holen und um den angegebenen Kontakt zu löschen.

Code-Lücken

Beurteilung des Wissens über MongoDB

Reagieren Sie
SENIOR
Geprüfte Fähigkeiten
Dauer
175 Minuten max.
Auswertung
Automatisch
Test-Übersicht

Aufgabe der Front-End-Programmierung - Ebene: Senior

JavaScript | React, Redux | Adressbuch - Implementieren Sie fehlende Funktionen einer kleinen React-Webanwendung, die auf Redux aufbaut.

Backend-Programmieraufgabe - Ebene: Medium:

JavaScript | Node.js | Adressbuch - Implementieren Sie Endpunkte zum Abrufen der Kontaktliste (mit Phasenabgleich und Ergebnisbegrenzung), zum Abrufen von Details zu einem einzelnen Kontakt und zum Löschen des angegebenen Kontakts.

Reagieren Sie
JUNIOR
Geprüfte Fähigkeiten
Dauer
35 Minuten max.
Auswertung
Automatisch
Test-Übersicht

Auswahlfragen

Beurteilung des Wissens über JavaScript, Reagieren Sie

Programmieraufgabe - Stufe: Einfach

Javascript | Reagieren | Kalendernotizen - Implementieren Sie eine Anwendung, mit der der Benutzer eine Notiz für ein Datum, das er aus einem Kalender auswählt, hinzufügen kann.

JavaScript
JUNIOR
Geprüfte Fähigkeiten
Dauer
35 Minuten max.
Auswertung
Automatisch
Test-Übersicht

Auswahlfragen

Beurteilung des Wissens über JavaScript, Reagieren Sie

Programmieraufgabe - Stufe: Einfach

JavaScript | Reagieren | Suchmaschinenanwendung - Implementieren Sie eine Anwendung zum Suchen und Filtern von Produkten in einem Online-Shop.

Reagieren Sie
JUNIOR
Geprüfte Fähigkeiten
Dauer
55 Minuten max.
Auswertung
Automatisch
Test-Übersicht

Auswahlfragen

Beurteilung des Wissens über JavaScript, Reagieren Sie

Programmieraufgabe - Stufe: Einfach

JavaScript | React | Notepad - Vervollständigen Sie eine einfache Notizen-Applikation mit dem mitgelieferten NotesService zum Speichern und Lesen von Notizen. Diese Aufgabe verwendet: react/testing-library (als React-Testing-Framework) und jest (als Test-Runner).

Reagieren Sie
SENIOR
Geprüfte Fähigkeiten
Dauer
59 Minuten max.
Auswertung
Automatisch
Test-Übersicht

Auswahlfragen

Beurteilung des Wissens über JS, JavaScript, Reagieren Sie

Programmieraufgabe - Stufe: Hart

Reagieren | Einfacher Website-Ersteller - Diese Aufgabe bewertet die Fähigkeiten des Kandidaten in Reagieren Sie, Redux und redux-form.

Reagieren Sie
MIDDLE
Geprüfte Fähigkeiten
Dauer
55 Minuten max.
Auswertung
Automatisch
Test-Übersicht

Auswahlfragen

Beurteilung des Wissens über ES6, JavaScript, HTML, JS, Reagieren Sie, Web-Entwicklung

Programmieraufgabe - Stufe: Medium:

JavaScript | Reagieren | Kontaktformular - Füllen Sie das Formular aus, damit es alle folgenden Funktionen aufweist: Benutzer kann sich anmelden, so dass Name und E-Mail ausgefüllt sind, nach dem Absenden des Formulars sollte eine Dankeschön-Nachricht erscheinen.

Reagieren Sie
SENIOR
Geprüfte Fähigkeiten
Dauer
71 Minuten max.
Auswertung
Automatisch
Test-Übersicht

Auswahlfragen

Beurteilung des Wissens über ES6, JavaScript, Reagieren Sie

Programmieraufgabe - Stufe: Hart

Reagieren | Einfacher Website-Ersteller - Diese Aufgabe bewertet die Fähigkeiten des Kandidaten in Reagieren Sie, Redux und redux-form.

Reagieren Sie
MIDDLE
Geprüfte Fähigkeiten
Dauer
42 Minuten max.
Auswertung
Automatisch
Test-Übersicht

Auswahlfragen

Überprüfen Sie JavaScript Kenntnisse in verschiedenen Schlüsselbereichen

Aufgabe der Programmierung

Verwenden Sie Reagieren Sie Fähigkeiten zur Anpassung von Funktionen in einer Mitgliedschaft Formular

Reagieren Sie
SENIOR
Geprüfte Fähigkeiten
Dauer
98 Minuten max.
Auswertung
Automatisch
Test-Übersicht

Auswahlfragen

Beurteilung des Wissens über ES6, JavaScript, AJAX, Web-Entwicklung

Programmieraufgabe - Stufe: Hart

JavaScript | Reagieren, Redux | Adressbuch - Implementieren Sie fehlende Funktionen eines kleinen Reagieren Sie Webanwendung, die auf Redux.

Beitrag teilen

Erfahren Sie mehr über die Einstellung von Technikern

Abonnieren Sie unseren Learning Hub, um nützliche Einblicke direkt in Ihren Posteingang zu erhalten.

Kodierfähigkeiten nahtlos verifizieren & entwickeln.

Sehen Sie DevSkiller-Produkte in Aktion.

Sicherheitszertifizierungen & Konformität. Wir sorgen dafür, dass Ihre Daten sicher und geschützt sind.

DevSkiller-Logo TalentBoost-Logo TalentScore Logo