Infos über das Projekt
Grundidee
Die Idee des Projekts war es, einen fortlaufenden Datenaufnahmeprozess über mehrere Registerkaten zu programmieren, wobei jede Registerkarte keine neue, eigene Seite sein sollte, sondern dies sollte auf einer Seite stattfinden.
Das Projekt beinhaltet grundlegende Eingabe- und Auswahlmöglichkeiten, die bei Bedarf entsprechend erweitert und angepasst werden können.
Umsetzung
Das Projekt sollte zum einen mit React.js und zum anderen mit Web Components umgesetzt werden.
Beide Ergebnisse sollten am Ende gleich aussehen und funktionieren.
Die grundlegende Frage war:
Wie unterschiedlich ist die Umsetzung zwischen Web Components und dem Framework React.js?
Unter den folgenden Links kann man sich die Ergebnisse anschauen.
Mein Fazit
Ein gewisser Nachteil bei den Web Components ist, dass man das HTML in einen String (Zeichenkette) packen muss und somit die Vorteile des Color-Hight-Lightings, Autovervollständigung etc. wie in einer HTML-Datei einbüßt.
HTML (überwiegend) über einen String schreiben ist für mich ein recht großer Hinderungsgrund, weshalb ich vor einer häufigen Nutzung von Web Components nicht sonderlich begeistert wäre.
Doch es gibt (zumindest) für Visual Studio Code eine Lösung: die Extention Inline HTML.
Somit ändert sich aus meiner Sicht einiges, denn dieses Problem fällt nun mit Inline HTML weg.
Mit Web Components habe ich über dieses Projekt zum ersten mal gearbeitet. Ich bin begeistert und habe vor sie mehr in Zukunft zu nutzten.
Was nun besser ist, ein JS Framework, wie z. B. React.js, oder die Web Components, das wird zum einen im Auge des Betrachters liegen und zum Anderen auf das Projekt ankommen. Für mich sind die Web Components definitiv eine ernst zu nehmende Alternive.