Was ist im Jahr 2020 besser zu wählen - Reagieren oder Vue?

JavaScript-Frameworks sind zu einem integralen Bestandteil jedes modernen Webprojekts geworden. Es gibt viele solcher Frameworks, daher müssen sich Entwickler ständig fragen, was sie wählen sollen. Um die Antwort auf diese Frage zu finden, muss im Jahr 2020.


Wenn Sie dies lesen, können Sie davon ausgehen, dass Sie gerade nach einem Framework suchen, das die Grundlage für Ihre nächste Anwendung bildet. Möglicherweise konzentrieren Sie sich auf führende Technologien und überlegen, was für Sie am besten ist - die React-Bibliothek oder das Vue-Framework. Dies ist ein schwieriges Dilemma, aber es ist immer noch notwendig, es zu lösen. Hier sind einige häufig gestellte Fragen von Personen, die zwischen React und Vue wählen:

• Was ist besser für mein nächstes Projekt?
• Welches Framework hat die höchste Leistung?
• Was ist bei Entwicklern beliebter?
• Welches ist am besten für kleine Webanwendungen geeignet?
• Welches der Frameworks ist zuverlässiger?

Der Autor des Materials, dessen Übersetzung wir heute veröffentlichen, hofft, dass die Antworten auf diese Fragen dazu beitragen, die richtige Wahl zu treffen. In diesem Artikel geht es darum, React und Vue zu vergleichen, um Entwicklern bei der Entscheidung für ein Frontend-Framework für 2020-Webprojekte zu helfen.

Popularität

In der JavaScript-Welt erscheinen fast täglich neue Frameworks und Bibliotheken. Tatsächlich ist dies ein fast kontinuierlicher Prozess, bei dem sich die Favoriten buchstäblich alle paar Monate ändern.

Schauen Sie sich die Daten für 2019 an und finden Sie heraus, was populärer ist: React or Vue.

Hier finden Sie Informationen von Google Trends . Hier sind einige Grafiken, die die Beliebtheit von React, Vue und Angular veranschaulichen. Es ist leicht zu erkennen, dass React Vue deutlich voraus ist.


Die Popularität von React, Vue und Angular

Wenden wir uns nun den Ergebnissen der Stapelüberlaufstudie zu. React steht ganz oben auf der Liste der Frameworks, die Entwicklern am besten gefallen. Und Vue ist nur wenig zurück. Vue hat seit seiner Veröffentlichung im Jahr 2014 in relativ kurzer Zeit beträchtliche Popularität erlangt.


Ergebnisse der Stapelüberlaufstudie

Die Geschichte

Lassen Sie uns über die Geschichte und den Hintergrund von React and Vue sprechen.

UeVue

Dieses JS-Framework wurde 2014 von Evan Yu, einem ehemaligen Google-Mitarbeiter, erstellt. Hinter Vue stehen keine Technologiegiganten. Die neueste Version von Vue (2.6.10) wurde am 20. März 2019 veröffentlicht.

Seit dem Aufkommen von Vue sind nur 5 Jahre vergangen. Dies macht diesen Rahmen zur jüngsten Entwicklung unter Systemen dieser Ebene. Unter den großen Unternehmen, die Vue verwenden, sind Alibaba und GitLab zu finden. Eines der Merkmale von Vue ist die Tatsache, dass es die Verwirrung der Fähigkeiten einiger anderer erfolgreicher JS-Frameworks nachzeichnet.

▍Reakt

React ist eine JavaScript-Bibliothek, die nicht von einem unabhängigen Programmierer, sondern von einem großen Unternehmen erstellt wurde. Es geht um Facebook. Einer der Hauptgründe für die Erstellung von React war der Wunsch des Unternehmens, die Mechanismen für die Erstellung von Schnittstellen zu verbessern. Diese Bibliothek wurde entwickelt, als Facebook mit einigen Problemen hinsichtlich der Entwicklung und Unterstützung des Projekts konfrontiert war.

Die React-Bibliothek ist als leistungsstarkes Tool zum Erstellen dynamischer und interaktiver Benutzeroberflächen bekannt. Am 6. Mai 2019 wurde die neueste Version von React (16.8.6) veröffentlicht. Diese Bibliothek wird verwendet, um Schnittstellen in vielen bekannten Unternehmen zu entwickeln. Unter ihnen - BBC, Instagram, WhatsApp.

Leistung

Änderungen an der Anwendungsschnittstelle werden durch Ändern des Dokumentobjektmodells (DOM) vorgenommen. Es gibt Konzepte wie virtuelles DOM und reales DOM. Die Leistung von JavaScript-Tools zum Entwickeln von Schnittstellen hängt stark davon ab, wie der DOM-Prozess organisiert ist.


Virtuelles DOM und Reales DOM

▍Reakt

React verwendet ein virtuelles DOM, ein leichtes, browserunabhängiges System. Einer der Hauptgründe für die Popularität von React ist, dass diese Bibliothek sehr effizient mit dem DOM zusammenarbeitet.

UeVue

Vue verwendet auch ein virtuelles DOM, aber im Vergleich zu React bietet Vue eine höhere Leistung und Stabilität.

Unterstützung durch die Gemeinschaft

Gemeinschaften, die sich um Technologien bilden, wirken sich ernsthaft auf ihre Entwicklung und Verbreitung aus. Insbesondere können Community-Mitglieder den wichtigsten Technologieentwicklern helfen, verschiedene Add-Ons erstellen und Anfängern helfen.

▍Reakt

Die Unterstützung und Entwicklung der React-Bibliothek selbst wird von Facebook übernommen. Dies gibt denjenigen, die diese Bibliothek als Grundlage für das Frontend ihrer Anwendung auswählen, ein ziemlich hohes Maß an Vertrauen, dass React in naher Zukunft nicht zu einem von allen aufgegebenen Projekt werden wird. Die React-Entwickler-Community hat viele zusätzliche Tools erstellt und unterstützt diese.

UeVue

Vue ist ein Projekt, dessen Ursprung ein gewöhnlicher Mensch ist, kein großes Unternehmen. Infolgedessen sah es zum ersten Mal nach dem Erscheinen dieses Frameworks in den Augen der Entwickler nicht besonders zuverlässig aus. Nach einiger Zeit, in der Vue sehr populär geworden ist, tragen viele Programmierer zu seiner Entwicklung bei. In der Tat können wir sagen, dass es die Community der Vue-Entwickler ist, die das Projekt unterstützt.

Größe

Wenn wir das Problem der Größe als sehr simpel betrachten, können wir sagen, dass React etwas größer als Vue ist. Die Größe von React beträgt ungefähr 100 Kb, die Größe von Vue beträgt ungefähr 80 Kb. Die Größe des JS-Codes ist ein sehr wichtiger Indikator, der einen starken Einfluss auf die Leistung von Webprojekten hat. Je kleiner es ist, desto besser natürlich.

Hierbei ist jedoch zu beachten, dass React zur Implementierung bestimmter Funktionen Bibliotheken von Drittanbietern benötigt. Eine solche Funktion ist das Routing. Vue hingegen ist ein Projekt mit umfangreicheren Standardfunktionen, obwohl Sie bei der Arbeit mit Vue nicht auf Add-Ons verzichten können. React und Vue sind jedoch recht bescheiden, was sie für die Entwicklung kleiner Anwendungen gut geeignet macht.

Anwendungsbeispiele

Vor der Auswahl einer Technologie für das nächste Projekt sind Programmierer und Manager normalerweise daran interessiert, welche vorhandenen Projekte diese Technologie bereits anwendet. Wenn wir darüber sprechen, worauf React und Vue basieren, über JavaScript und andere Webtechnologien, dann können wir sagen, dass all dies in unzähligen Unternehmen verwendet wird. Wenn wir uns spezifische Beispiele für die Verwendung von React und Vue ansehen, können wir beispielsweise die folgenden Unternehmen unterscheiden.

▍Reakt

• Facebook - Wie bereits erwähnt, hat dieses Unternehmen React erstellt und unterstützt und nutzt diese Bibliothek zusätzlich aktiv.
• Twitter ist eine Plattform, die sich auf die Veröffentlichung von Kurznachrichten konzentriert.
• Instagram - auf dieser Plattform liegt der Schwerpunkt auf der Veröffentlichung von Bildern.
• WhatsApp ist ein beliebter Messenger.

UeVue

• GitLab ist ein Projekt, mit dem Entwickler gemeinsam Programme erstellen können.
• 9Gag ist ein Projekt, das für Meme und andere ähnliche Materialien bekannt ist.
• Nintendo ist ein Spieleentwickler.
• Grammatik ist ein Grammatikprüfungsdienst.

Lernkurve

Die Lernkurve ist eine grafische Darstellung der Änderung der Lerngeschwindigkeit eines bestimmten Wissens oder einer bestimmten Art von Aktivität. In unserem Fall sprechen wir über die Geschwindigkeit der Entwicklung von React und Vue. Vue ist bekanntermaßen leichter zu lernen als Reagieren.

Bei der Durchführung einer StateOfJS- Studie wurden die Befragten gebeten, verschiedene Fragen zu Frameworks zu beantworten. Unten finden Sie die Umfrageergebnisse für React, Vue und Angular.


React, Vue und Angular Survey Results

Dies ist die Bedeutung der Farbhervorhebung von Diagrammfragmenten.


Farbcodierung der Antworten auf Fragen. Von oben nach unten: "Ich habe noch nie davon gehört", "Ich habe gehört, aber es ist für mich nicht interessant", "Ich habe gehört, ich würde gerne lernen", "Ich habe es benutzt, ich werde es nicht wieder benutzen", "Ich habe es benutzt, ich werde es wieder benutzen".

Wie Sie sehen können, planen viele Benutzer von React, diese Bibliothek erneut zu verwenden. Viele Programmierer sind daran interessiert, React zu lernen. Wenn wir über Vue sprechen, kann festgestellt werden, dass die Nutzungsrate dieses Frameworks nicht so hoch ist wie die von React, und der Indikator für das Interesse am Lernen übersteigt die von React. Dies deutet darauf hin, dass Vue ein Framework ist, das so viele ausprobieren möchten. Angesichts der Tatsache, dass Vue leichter zu erlernen ist, ist zu erwarten, dass die Anzahl der Personen, die Vue verwenden und planen, es erneut zu verwenden, in Zukunft zunehmen wird.

Flexibilität

▍Reakt

Der React-Kernel bietet nur grundlegende Funktionen. Mit dem praktischen Einsatz dieser Bibliothek müssen ihre Funktionen erweitert werden. Dies gibt dem Entwickler ein hohes Maß an Flexibilität bei der Auswahl zusätzlicher Tools. Es gibt Tools zum Entwickeln von Schnittstellen, deren eingebettete Ideen direkt gegenüber den in React eingebetteten betrachtet werden können. Dies ist beispielsweise Angular, ein Framework, das viele Standardwerkzeuge enthält. Außerdem handelt es sich um eine vorgefertigte Reihe von Tools, die gut zusammenarbeiten. Der Nachteil ist die mangelnde Flexibilität bei der Auswahl der von React bereitgestellten Tools.

Wenn wir über bestimmte Aufgaben sprechen, die mithilfe zusätzlicher Bibliotheken, die mit React verwendet werden, gelöst werden können, können wir hier beispielsweise Routing, Anwendungsstatusverwaltung, Server-Rendering und Anwendungsentwicklung für mobile Geräte feststellen.

UeVue

Im Gegensatz zu React bietet Vue dem Entwickler einen umfangreicheren Satz von Standardtools, mit denen dieselben Probleme gelöst werden können, die normalerweise im React-Ökosystem mithilfe von Bibliotheken von Drittanbietern gelöst werden.

▍ Ergebnisse

Wenn wir alles zusammenstellen, worüber wir gerade gesprochen haben, können wir die folgenden Schlussfolgerungen ziehen:

• React ist beliebter als Vue.
• React wird von einem großen Unternehmen unterstützt, Vue jedoch nicht.
• React gibt dem Entwickler ein höheres Maß an Flexibilität.
• Die Vue-Größe ist kleiner als die React-Größe.

Wir hoffen, dass das, was Sie heute lesen, Ihr Wissen über React and Vue erweitert und Ihnen hilft, die richtige Wahl zu treffen.

Liebe Leser! Wenn Sie kürzlich an der Auswahl eines Frameworks für Ihr nächstes Webprojekt beteiligt waren, teilen Sie uns bitte mit, was Sie ausgewählt haben und warum.