Ich habe beschlossen, ein Front-Framework in eine vorhandene Rails-Anwendung einzuführen, und drei berühmte Punkte entlang der Checkpoints verglichen, damit ich diese Geschichte belasse. Diesmal ist es eine Geschichte, die wir auf diese Weise verglichen haben. Wenn Sie sich also für ein Framework entscheiden, lesen Sie es bitte nur als Referenz. Ich denke, Sie sollten die Vergleichsmethode entsprechend der Situation und dem Projekt zu diesem Zeitpunkt ändern. .. Das ist also nicht die richtige Antwort. Ich denke, dass die Umfrageergebnisse möglicherweise falsch sind. Daher ist es besser, die Umfrage durchzuführen, indem Sie sich die offizielle Umfrage selbst ansehen.
Die folgenden drei Frameworks wurden dieses Mal verglichen und untersucht.
Übrigens hatte Angular diesmal keine so große App, um sie einzuführen, also habe ich Angulars Forschung bis zu einem gewissen Grad zusammengefasst und auf Vue and React eingegrenzt.
Dieses Mal beschloss ich, die Kontrollpunkte im Team zu besprechen und dachte: "Wenn ich das weiß, kann ich es vielleicht vergleichen."
--Outline des Frameworks (Features)
Dauer: 2 Wochen Anzahl der Befragten: 3-4 Ingenieure
Die oben genannten Kontrollpunkte wurden unter den Teammitgliedern geteilt und bestätigt. Der damalige Informationsaustausch verwendete Google-Dokumente, und Hangout wurde nach Bedarf durchgeführt.
| Kontrollpunkt | Vue | React | Angular |
|---|---|---|---|
| Überblick über das Framework (Funktionen) | Entwickelt und gepflegt von der Community mit dem OSS-Framework. Es werden nur GUI-Komponenten bereitgestellt. Installieren Sie bei Bedarf andere Bibliotheken | Entwickelt und gepflegt von Facebook. Es werden nur GUI-Komponenten bereitgestellt. Installieren Sie bei Bedarf andere Bibliotheken | Entwickelt und gepflegt von Google. MVC-Framework für Frontend |
| Wichtige Programmiersprachen | EMACS6 | EMACS6 | Typescript |
| Neueste Version (zum Zeitpunkt der Umfrage) | 2.6 | 16.13 | 10 |
| Lernschwierigkeiten | Einfach: Kein Problem, wenn Sie die GUI-Komponenten und den Lebenszyklus verstehen. CSS-Code kann in die Komponente geschrieben werden | Einfach: Kein Problem, wenn Sie die GUI-Komponenten und den Lebenszyklus verstehen. | Schwierig: Sie müssen die Komponenten des Frameworks verstehen, außer wie Sie die GUI erstellen |
| Packungsgröße (ca.) | 80KB | 100KB | 500KB |
| Bestehende Nebenpartei | Vue Material Kit, Vuetify, Vue Material, Quasar, Bootstrap-Vue | Raect Material Kit, Material UI, React Bootstrap, Ant Design, Semantic UI React | mdbootstrap, material, ng-bootstrap |
| Schwierigkeiten bei der Implementierung vorhandener Funktionen | Sie müssen eine neue API erstellen. | Wie Vue | - - |
| Probleme beim Betrieb mit Heroku usw. | bereitstellen und überprüfen | bereitstellen und überprüfen | - - |
| Einfache Codeverwaltung | Die Codeverwaltung ist einfach, da sie durch Komponenten unterteilt ist | Wie Vue | - - |
| Entwicklungsmethode | Objektorientierung | Komponentenorientiert | Komponentenorientiert |
| Dokument | Es gibt Japaner | Die japanische Version ist eine direkte Übersetzung des Englischen | Es gibt Japaner |
| Migration zu anderen Frameworks | Da es sich um ein einzigartiges Format handelt, ist es schwierig, im Verlauf der Entwicklung zurückzukehren | Wie Vue | Es ist schwierig zu ersetzen, da es voll gestapelt ist |
| Einfache Erstellung einer lokalen Umgebung | Die Einstellung zum Zeitpunkt der Einführung ist etwas schwierig, aber es ist einfach, wenn sie abgeschlossen ist | Wie Vue | - - |
Als Ergebnis der tatsächlichen Entwicklung der vorhandenen Funktion, der Überprüfung, des Lesens und des Vergleichs des Dokuments wurde es diesmal zu Vue & Vuetify. Einer der Gründe ist, dass viele Teammitglieder Erfahrung mit Vue hatten.
Recommended Posts