Mozilla Brick - Gratis UI-componentenbibliotheek voor webapps

Je kunt heel veel gratis frontend web-frameworks vinden als je hard genoeg zoekt. Ze hebben allemaal hun nadelen en nadelen, maar er is een kader voor iedereen.

Mozilla Brick is een nieuwer kader en het is gebouwd als een UI-bibliotheek die draait op Web Components.

Deze componenten werken als stukjes herbruikbare code vergelijkbaar met de Polymer-bibliotheek van Google. Met Mozilla Brick beschikt u echter over een eigen bibliotheek met componenten, samen met UI-elementen, allemaal verpakt in één groot pakket.

Als je deze bibliotheek induikt, zul je je snel realiseren dat het anders gebouwd is dan andere.

Mozilla gebruikt zijn eigen taal om aangepaste elementen te beschrijven zoals bakstenen die als samengebundelde componenten fungeren. Als u veel stenen op uw pagina toevoegt, kunt u deze beheren met behulp van een pakketbeheertool zoals Bower.

Merk op dat Mozilla Brick bovenop Polymer kan werken, dus het is een veelzijdig raamwerk. In feite zou u Brick gebruiken om specifieke pagina-elementen of specifieke gebruikersacties op de pagina te definiëren.

Dan jij verbind deze componenten in uw typische gebruikersinterface-elementen in de HTML. Op deze manier gebruikt u nog steeds standaardconforme naamgevingsconventies bovenop Brick-componenten.

Het is momenteel in versie 2.0 en je kunt een hele lijst met repo's vinden op GitHub. Mozilla heeft een gemaakt GitHub-account specifiek voor dit project dus het is de beste plaats om informatie te vinden.

Het heeft alles, van agenda-UI's tot tabbladen, aangepaste kaartlay-outs en zelfs de belangrijkste Brick-websitecode. Allemaal gratis uitgebracht met de bron volledig toegankelijk.

Elk project bevat een live demo gehost op GitHub, dus als je de documentatie doorzoekt, vind je links voor al deze.

Je zou wat comfort moeten hebben met webcomponenten voordat je in Brick gaat. Het is niet super newbie-vriendelijk en het is echt gericht op ontwikkelaars van frontends die vooraf ontworpen componenten willen voor hun webapps.

Maar zelfs beginners kunnen de kneepjes van het leven leren door zelf met Brick te oefenen. Je worstelt misschien om de hele bibliotheek te begrijpen, maar hoe meer je oefent hoe meer je leert en hoe gemakkelijker het zal zijn om robuuste, door een component aangedreven webapps te maken.