Wenn Sie an JavaScript-Frameworks denken, stecken Sie wahrscheinlich fest zwischen Vue.js und React, da sie zufällig die beliebtesten innerhalb der JavaScript-Ökosystem. Wie können Sie also entscheiden, welches für das Projekt, das Sie programmieren oder verwalten möchten, am besten geeignet ist? Sollten Sie sich zuerst das Framework selbst ansehen und betrachte seine Lernkurve oder analysiere stattdessen die Größe und Komplexität des Projekts um eine genaue Entscheidung zu treffen?
Wenn Ihnen in letzter Zeit eine dieser Fragen in den Sinn gekommen ist, egal ob Sie Frontend-Entwickler sind oder ein Team leiten, lesen Sie weiter: Ich lege meine Hände zur Arbeit und hat eine App auf beiden Frameworks erstellt. Ihr Hauptziel war es, uns zu ermöglichen Imaginary Cloud, um intern darüber abzustimmen, welche Spiele wir am liebsten für die PlayStation 4 kaufen würden, die wir in unserem Büro haben — die Exlibris unserer Mittagspausen!
In diesem Blogbeitrag werde ich meine Erkenntnisse teilen, basierend auf den Erfahrungen, die ich mit Vue.js und React gemacht habe. Ausgehend von der Beliebtheit im Laufe der Zeit, den Problemen, der Unterstützung durch die Community und anderen verwandten Themen werde ich alles klären, damit Sie eine bessere Vorstellung von den einzelnen Frameworks haben und welche Probleme sie lösen.
Eine kurze Geschichte
Warum sind Vue und React so beliebt?
Was wir genau gemacht haben
Welches ist einfacher zu lernen: Vue oder React?
Welches ist einfacher zu verwenden?
Welches ist besser: Vue oder React?
Welches macht mehr Spaß: Vue oder React?
Wann sollte man Vue vs React verwenden
Abschließende Gedanken
React wird vom Technologieriesen unterstützt Facebookund bietet die Stabilität und langfristige Unterstützung, die ein Technologieriese bieten kann. React wurde im Mai 2013 als Open Source veröffentlicht, was es der Community ermöglichte, unzählige Bibliotheken von Drittanbietern zu erstellen, um Ihnen zu helfen, Ihr angestrebtes Ziel zu erreichen.
Alternativ wurde Vue.js von Evan You, einem ehemaligen Google Mitarbeiter, der in seinem Angular-Team gearbeitet hat. Evan hatte die Vision, ein Framework zu entwickeln, das das Beste aus React, Ember und Angular kombiniert, um zusätzliche Funktionen bereitzustellen und die Codierungsleistung zu verbessern. Da Vue.js jedoch nicht von einem Technologieriesen unterstützt wird verlässt sich auf seine aktive Community um es voranzutreiben.
Die zunehmende Beliebtheit dieser beiden Frameworks ist auf die innovativen Tools zurückzuführen, die sowohl Vue.js als auch React dem Frontend-Entwickler bieten. Zum Beispiel:
Laut Stapelüberlauf, die Popularität von Vue.js sowie die von React, hat im Laufe der Jahre zugenommen, während die Frontend-Entwicklungsbranche weltweit immer mehr an Bedeutung gewinnt.
Um mir ein klareres Bild zu machen, habe ich die Aktivitäten beider Frameworks unter Berücksichtigung der Anzahl der derzeit in StackOverflow aktiven Fragen überprüft. Folgendes habe ich gefunden: während Vue.js hat ungefähr 50.000 Fragen, Das Reactjs-Tag hat fast 180 000 Fragen. Riesiger Unterschied, oder?
Ein weiterer wichtiger Indikator, auf den ich Sie achten muss, sind die NPM-Downloads (Node Package Manager).
Zu diesem Thema Vergleich von React mit Vue.js, Sie können sehen, dass React immer noch deutlich vor Vue.js liegt. Trotz seiner Downloads ist Vue.js im Laufe der Jahre langsam gestiegen.
Jedoch der Hauptvorteil, den Vue.js gegenüber React hat ist auf Github Stars zu sehen. Schauen Sie sich die folgende Grafik an:
Vue.js hat React Mitte 2018 übertroffen und liegt immer noch an der Spitze.
Dies ist eindeutig ein Zeichen für eine unterstützende Community, die sich aus aktiven Entwicklern von Vue.js zusammensetzt und sich dafür einsetzt, es kontinuierlich voranzutreiben.
Die Herausforderung? Wir haben eine neue PlayStation 4 im Büro und alle haben sich darüber gestritten, welche Spiele wir kaufen und spielen sollten. Als Praktikant kam ich zu Hilfe und entwickelte eine App, mit der die Leute über die beliebtesten Spiele abstimmen und entscheiden konnten, was sie als Nächstes kaufen sollten. Und weil zwei ist besser als eins, Ich habe die Anwendung zweimal erstellt - zuerst in Vue.js und dann in React.
Die Back-End-Dienste wurden über eine API zur Verfügung gestellt, die sie verarbeiten kann JSON Anfragen. Ich hatte nur Grundkenntnisse im Schreiben von grundlegendem HTML und JavaScript (ich bin Praktikant), also ja, das Experiment bestand darin, tief in React und Vue.js einzutauchen und von Grund auf zu lernen.
Was die zu erfüllenden Anforderungen anbelangt, so hatte ich Folgendes:
Sie kennen das Gefühl: Zuerst mag es überwältigend erscheinen und Sie fragen sich, ob es überhaupt eine gute Idee ist, es durchzugehen. Mir ist das Gleiche passiert, aber als ich anfing, die Grundstruktur der Komponenten zu verstehen, wurde sie einfacher und verständlicher. Ich habe die Tutorials durchgesehen, mit Eigenschaften herumgespielt und anhand der gelesenen Dokumentation erraten, welches Ergebnis wir haben würden.
Während ich diesen Prozess durchlief, bemerkte ich, dass Die Support-Dokumentation von Vue.js ist viel „entwicklerfreundlicher“ als die von React. Außerdem habe ich mich aufgrund meines Hintergrundwissens in HTML für Vue.js entschieden. Es stellte sich heraus, dass dies die Auffrischung meiner Kenntnisse verbesserte und die Gesamtdauer des Projekts beeinflusste.
Die React-Dokumentation ist etwas schwieriger zu lesen, was im Vergleich zu Vue.js zu einem langsamen Hochlauf führte, was hauptsächlich auf den zusätzlichen Lernaufwand zurückzuführen ist JSX.
Zusammenfassend sind sich beide in ihrer Struktur ziemlich ähnlich, aber Vue.js ist etwas einfacher zu erlernen da es HTML und JSX erlaubt.
Genau wie erfahrene Entwickler musste ich analysieren und auswählen, welche externen Bibliotheken verwendet werden sollten. Bibliotheken können besonders relevant sein, wenn es um Kernaufgaben geht, da sie die Qualität des Produkts verbessern und den Entwicklungsaufwand reduzieren.
Für Vue.js wollte ich komplexe UI-Elemente erstellen aber die native Implementierung würde viel Zeit in Anspruch nehmen, deshalb habe ich verwendet Vuetifizieren welches eine umfangreiche Dokumentation und eine einfache Einrichtung hat. Die Installation und der Import der Bibliothek waren alles, was benötigt wurde, und sie war einsatzbereit.
Der Umgang mit dem Anwendungsstatus und die Sicherstellung, dass sich die Anwendung an ihren Status in Vue.js anpasst, ist komplex und zeitaufwändig. Ich entschied mich zu verwenden Vuex um den Anwendungsstatus zu verwalten. Es war auch einfach zu installieren und benutzerfreundlich.
Ich musste mich auch mit dem Server verbinden und authentifizieren REST-Anfragen. Um dieses Problem zu lösen, folgte ich dem Anleitung zu Vue.js und wie empfohlen, habe ich Axios verwendet, eine Bibliothek, die REST-Anfragen verarbeitet und die Autorisierung erleichtert.
Schließlich habe ich das benutzt Vue Router um die Benutzeroberfläche zu aktualisieren und zu aktualisieren, wenn sich die URL ändert, was ohne eine Bibliothek sehr schwer zu erreichen ist.
Zusammenfassend haben wir die folgenden Bibliotheken mit Vue.js verwendet:
Für React wollte ich auch komplexe UI-Elemente erstellen, aber das ist nicht einfach von Anfang an zu erreichen. Deshalb habe ich verwendet Material-Benutzeroberfläche, da es einfach ist, komplexe UI-Elemente zu erstellen.
Ich habe auch benutzt Gestylte Komponenten um das Erscheinungsbild der Benutzeroberfläche zu konfigurieren, da dies mit Vanilla React ziemlich komplex ist. Damit hatte ich in Vue.js zu kämpfen, da ich keine gute Bibliothek für diesen Zweck finden konnte.
Redux kam zu Hilfe, als ich den Anwendungsstatus verwalten musste. Dies ist die beliebteste Bibliothek für diesen Zweck im React-Bereich. Sie ist etwas komplexer als die Alternative zu Vue.Js, aber da sie gut dokumentiert ist, habe ich nicht zu viel Zeit damit verbracht, nach einer besseren Alternative zu suchen.
Um die REST-Anfragen zu beantworten, fuhren wir mit Axios fort, da ich mit der Bibliothek bereits vertraut war. Es bot eine gute Lösung, ähnlich der, die ich in der Anwendung Vue.js habe.
Schließlich habe ich das Routing-Problem gelöst mit React-Routing. Wie das Gegenstück zu Vue.js erleichtert diese Bibliothek die Verwaltung des gesamten Vorgangs.
Zusammenfassend habe ich die folgenden Bibliotheken mit React verwendet:
Nach dem Lernprozess, dem Programmieren und Testen ist es an der Zeit, meine Erkenntnisse mit anderen zu teilen (lass den Trommelwirbel los!) :
Anhand der obigen Daten kann ich das feststellen Die Programmierung in React hat uns etwa 30% länger gedauert als mit Vue.js.
Warum habe ich Vue.js anstelle von React bevorzugt?
Nun, ich konnte auf ein paar Gründe hinweisen:
Aufgrund meiner persönlichen Erfahrung kann ich jetzt sagen, dass es viel weniger Zeit in Anspruch nehmen würde, ein Projekt gleicher oder ähnlicher Größe zu entwickeln, da ich bereits:
In der ersten Entwicklungsphase habe ich beide Gemeinschaften gefunden, als ich nach ein paar Klarstellungen suchte. Zu meiner Überraschung konnte ich alle Antworten auf alle Fragen, die ich hatte, online bekommen. Das war wirklich ein Wendepunkt. Beide Gemeinden sind sehr aktiv, mit Tausenden von Mitgliedern, die ihre Probleme häufig auf Plattformen wie StackOverflow posten und anderen Benutzern bei ähnlichen Fragen helfen.
Wenn Sie die gleiche Leidenschaft für das Programmieren teilen wie ich, dann stimmen Sie mir wahrscheinlich zu, wenn ich sage, dass die Wahl eines Frameworks Ihre Motivation und die Projektergebnisse beeinflusst. Also, ja, es ist wichtig zu verstehen, ob Sie sich für eine Technologie entscheiden, die Ihnen Konkurrenz macht oder Sie auf eine gute Art herausfordert.
Aus meiner Erfahrung mit jedem dieser Frameworks Vue.js hat einen ausgezeichneten Programmierstil und ein hervorragendes Muster, gute Dokumentation und ein glattere Lernkurve um die Dinge schneller ins Rollen zu bringen. Es enthält auch ein sehr vollständiges Tutorial für die ersten Schritte, das Routing und Filialmanagement beinhaltet. Dies ist definitiv ein großer erster Schub für neue Entwickler.
Neben seinem ** gut gebauten System von Paketen von Drittanbietern** (wie ReduxandReact Routing) ist große Community ist ein großes Plus da es fast 50.000 npm-Pakete enthält, mit denen Sie das Ziel Ihres Projekts erreichen können. Dies ist möglich, weil Entwickler die Freiheit haben, ihre Bedürfnisse zu erstellen und an ihre Ziele anzupassen.
Aus beruflicher Sicht und aufgrund des sich ständig verändernden Charakters der Technologiebranche ist es wichtig zu wissen, ob Ihre bevorzugten Frameworks über eine Karriere- und Marktpotenzial zum Wachsen. Während Vue.js hat eine einfachere Lernkurve, was es für dich schneller macht, es zu meistern, Es gibt viel mehr React-Entwickler auf dem Markt. Wenn Sie nach Jobs im Vergleich zu Vue.js und React suchen, werden Sie in React sicherlich mehr Konkurrenz haben als in Vue.js.
In Bezug auf das Gehalt laut Statistik von 2019 Vergleich der jährlichen Arbeitsvergütung, React-Entwickler können etwas mehr verdienen in einer langfristigen Perspektive als die Entwickler von Vue.js.
Basierend auf dem entwickelten Projekt habe ich Folgendes gelernt:
In Anbetracht meiner Ergebnisse komme ich zu dem Schluss, dass Vue.js passte besser als Reagieren für weniger komplexe Projekte wie dieses. Das liegt hauptsächlich daran, dass:
Die Auswahl eines Frameworks für die Arbeit kann eine ziemliche Herausforderung sein, da jedes Projekt seine eigenen Bedürfnisse und Funktionen hat. Dies veranlasst mich zu der Annahme, dass, anstatt zuerst in der Fülle der im Internet verfügbaren Informationen einzutauchen, um die Frage schnell zu beantworten: Welches Framework ist besser?, man sollte sich stattdessen darauf konzentrieren, herauszufinden welches Framework passt sich besser an die Bedürfnisse des Projekts an und passt.
Außerdem Variablen wie deine Projektgröße, Komplexität und Ziele, haben ein erhebliches Gewicht bei Ihrer endgültigen Entscheidung. Beide Frameworks haben ihre eigenen Spezifikationen, und Ihr Hintergrund als Entwickler spielt dabei eine wichtige Rolle, da er die Art und Weise beeinflussen kann, wie Sie mit diesen Besonderheiten umgehen, was Ihrem Projekt zugute kommt.
In diesem Artikel habe ich über Vue.js vs React gesprochen, basierend auf einem Projekt, das ich mit beiden Frameworks von Grund auf neu entwickelt habe.
Wenn Sie Hilfe suchen in Erstellung einer mobilen Anwendung In Vue.js oder React haben wir hochqualifizierte Entwickler, die bereit sind, dies zu verwirklichen! Nehmen Sie Kontakt auf!
Fanden Sie diesen Artikel interessant? Diese könnten dir auch gefallen!
Ich bin ein Webentwickler, der sich für Frameworks begeistert, die das Leben einfacher machen. Oft wird vergessen, dass Sie wahrscheinlich keine Semikolons mehr benötigen.
People who read this post, also found these interesting:
.webp)
.webp)
%20(2).webp)
