Mozilla Brick - Kostenlose UI-Komponentenbibliothek für Web-Apps
Sie können Tonnen von kostenlosen Frontend-Web-Frameworks finden, wenn Sie hart genug suchen. Sie alle haben ihre Vor- und Nachteile, aber es gibt für jeden einen Rahmen.
Mozilla Brick ist ein neueres Framework und es ist als UI-Bibliothek gebaut das läuft auf Webkomponenten.
Diese Komponenten funktionieren ähnlich Bits von wiederverwendbarem Code ähnlich der Polymer-Bibliothek von Google. Mit Mozilla Brick verfügen Sie jedoch über eine eigene Bibliothek mit Komponenten und UI-Elementen, die alle in einem großen Paket zusammengefasst sind.
Wenn Sie in diese Bibliothek eintauchen, werden Sie schnell feststellen, dass sie anders aufgebaut ist als andere.
Mozilla verwendet eine eigene Sprache, um benutzerdefinierte Elemente zu beschreiben wie Ziegel, die als gebündelte Komponenten wirken. Wenn Sie viele Bausteine an Ihre Seite anhängen, können Sie sie mit einem Paketverwaltungstool wie Bower verwalten.
Beachten Sie, dass Mozilla Brick auf Polymer aufbauen kann, so dass es ein vielseitiges Framework ist. Im Wesentlichen würden Sie Brick verwenden, um bestimmte Seitenelemente oder Benutzeraktionen auf der Seite zu definieren.
Dann Sie Verbinden Sie diese Komponenten mit Ihren typischen UI-Elementen direkt im HTML-Code. Auf diese Weise verwenden Sie neben Brick-Komponenten noch standardkonforme Namenskonventionen.
Es ist derzeit in Version 2.0 und Sie können eine vollständige Liste von Repos auf GitHub finden. Mozilla erstellte eine GitHub-Konto speziell für dieses Projekt So ist es der beste Ort, um Informationen zu finden.
Es bietet alles von Kalender-Benutzeroberflächen über Registerkarten bis hin zu benutzerdefinierten Kartenlayouts und sogar dem Hauptcode der Brick-Website. Alles kostenlos mit der Quelle frei zugänglich.
Zu jedem Projekt gehört eine Live-Demo, die auf GitHub gehostet wird. Wenn Sie also in die Dokumentation einsteigen, finden Sie Links zu all diesen.
Sie sollten ein gewisses Maß an Komfort mit Webkomponenten haben, bevor Sie in Brick einsteigen. Das ist nicht super Anfängerfreundlich und es richtet sich wirklich an Frontend-Entwickler die vorgefertigte Komponenten für ihre Webapps benötigen.
Aber auch Anfänger können die Seile erlernen, indem sie selbst mit Brick üben. Sie können Schwierigkeiten haben, die gesamte Bibliothek zu verstehen, aber je mehr Sie üben Je mehr Sie lernen und desto einfacher Es werden robuste, von Komponenten betriebene Webapps erstellt.
