Polymer: Flux-Architektur im DOM

Mit Polymer und Web Components kann durch hierarchische Unterteilung und Komposition eine aufgeräumte, gut erweiterbare Struktur einer Web App aufrechterhalten werden. Wächst die Anwendung jedoch konstant weiter, müssen zusätzliche Strukturen gefunden werden, um den Datenfluss durch die Anwendung vorhersagbar und wartbar zu machen. Wer mit seiner Anwendung an diese Stelle im Entwicklungsverlauf kommt, hat die Möglichkeit, eine maßgeschneiderte, für die Anwendung genau passende Architektur selbst zu entwerfen und umzusetzen. Diese Vorgehensweise führt jedoch oft nicht zum gewünschten Ergebnis, da in dieser Phase leicht subtile Fehler gemacht werden können, die sich im späteren Projektverlauf stärker und stärker auswirken und schwer zu beheben sind, da die Fehler schon im grundlegenden Aufbau liegen.

Mit der von Facebook veröffentlichten Flux-Architektur, die als über die Jahre entwickelte Best-Practice-Lösung von Facebooks eigener Web App zu verstehen ist, steht ein Entwurf bereit, der von vielen kleineren und größeren Anwendungen adaptiert und daher gut getestet und validiert wurde.

Weiterlesen

Polymer in Dart [Tutorial]

Javascript ist in vielerlei Hinsicht nicht die optimale Wahl, um komplexe Web-Applikationen zu entwickeln. Da die Sprache nicht von Anfang an sorgfältig entworfen wurde, gibt es – abgesehen von Problemen wie fehlender Typisierung und Modularisierung – viele kleine Unschönheiten. Um den Entwicklern eine ordentlich aufgebaute, saubere Sprache zu bieten, mit der Web-Applikationen erstellt werden können, hat Google Dart entworfen, das die Unzulänglichkeiten von Javascript überwinden soll. Weiterlesen

Polymer 1.0: Das Experiment ist vorüber

Als Experiment für eine standardisierte Komponentenbildung bei Webapplikationen gestartet, wurde Polymer nun mit Version 1.0 auf eine stabile und für Produktiv-Apps einsatzbereite Basis gestellt. Dieser Artikel möchte diskutieren, welche Erfahrungen und Motivationen hinter der aktuellen Vorgehensweise stecken, welche Neuerungen es gibt und wie Webkomponenten nach Polymer 1.0 migriert werden können. Weiterlesen

Web Components selbst erstellen mit Polymer 1.0 [Tutorial]

In diesem Artikel wird von Grund auf gezeigt, wie eine Webkomponente mit Polymer 1.0 erstellt wird, welche Aufgaben durch Tools automatisiert werden können und welche Hilfsfunktionen Polymer bereitstellt, um die Webkomponente übersichtlich zu strukturieren. Die Erstellung der Dokumentation, einer Livedemo und einiger Tests runden die Webkomponente ab. Abschließend wird die fertige Komponente auf den zwei populären Verzeichnisseiten für Web Components veröffentlicht. Dieser Artikel bezieht sich auf Polymer in der Version 1.0. Ein weiterer Artikel wird sich mit dem Übergang von 0.5 auf 1.0 und die zukünftige Roadmap für Web Components beschäftigen. Weiterlesen