Webkomponenten sind... Webkomponenten

Dieser Beitrag erschien erstmals im September 2024 auf meinem LinkedIn.

Als jemand, der komplexe benutzerdefinierte Elemente für riesige verteilte Systeme erstellt, möchte ich zu dem Ganzen Stellung nehmen: „Webkomponenten sind “ Debatte, die herumschwirrt.

Wurden Räder nicht schon vor mindestens ein paar Jahren erfunden? Wir alle versuchen, die richtigen Räder für die Karren zu finden, die wir ziehen wollen. Wenn die Element perfekt war, brauchten wir weder noch

oder der nicht unterstützte oder sogar der verbotene Betrüger

Die Tatsache, dass wir jetzt direkt im Browser einen benutzerdefinierten „Button“ erstellen können, der nicht über den historischen Ballast von

oder die verblüffende Starrheit des Alleskönners < input> ist etwas, das gefeiert werden sollte. In einigen Fällen müssen wir dank der ElementInternals-API nicht einmal mehr native Formularelemente in unser Schatten-DOM einbinden. ElementInternals übernimmt sowohl die ARIA- als auch die Formularzuordnung auf Plattformebene. Dies bedeutet, dass native Formulare benutzerdefinierte Elemente genauso behandeln können wie jedes andere Formularsteuerelement, einschließlich Feldvalidierung, Beschriftungszuordnung und Wertübermittlung. Es ist noch keine perfekte Lösung, aber es ist besser als alles, was wir bisher hatten, und viele Leute arbeiten sehr hart daran, es für alle besser zu machen.

Framework-gesteuerte Komponenten können dies buchstäblich nicht. Wenn sie behaupten, dass sie es können, bedeutet das, dass sie entweder benutzerdefinierte Elemente erstellen, die in zusätzliches JS eingebettet sind, oder dass sie eine Menge schwerer Arbeit leisten, um das zu reproduzieren, was bereits im Browser verfügbar ist.

Ich hatte schon immer Probleme mit Frontend-Frameworks, weshalb ich mich entschieden habe, sie nicht zu verwenden. Ich finde, dass sie es gefährlich einfach machen, ein Loch zu graben, das zu groß ist, um herauszuklettern, besonders wenn sie ihre eigenen Abstraktionen mitbringen, die verschleiern, was tatsächlich auf der Seite dargestellt wird. Es passiert zu viel „Magie“, und ich schätze die „Vertrau mir einfach, Bruder“-Stimmung nicht, die ich durch die Funktionsweise bestimmter Frameworks (Hooks, JSX usw.) bekomme.

Abschließend kann ich an einer Hand abzählen, wie oft ich professionell mit React, Vue und Angular zusammen arbeiten musste. Ich glaube, das, was ich am häufigsten verwendet habe, war Vue, und selbst dann dauerte es nur ein paar Monate, bis ich 2020 mit der Entwicklung benutzerdefinierter Elemente begann.

Ich habe keinen zwingenden Grund gesehen, zurückzukehren.

Das obige ist der detaillierte Inhalt vonWebkomponenten sind... Webkomponenten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

angular if count for include JS function dom this input everything Other

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn