Mozilla Brick - Gratis UI Komponenter Bibliotek för Web Apps

Du kan hitta massor av gratis frontend-webbramar om du söker tillräckligt hårt. De kommer alla med sina upsides och nackdelar, men det finns en ram där ute för alla.

Mozilla Brick är en nyare ram och det är byggt som ett UI-bibliotek som körs på webbkomponenter.

Dessa komponenter fungerar som bitar av återanvändbar kod som liknar Googles Polymer-bibliotek. Men med Mozilla Brick har du ditt eget bibliotek med komponenter, tillsammans med UI-element, alla inslagna i ett stort paket.

Om du dyker in i det här biblioteket kommer du snabbt inse att det är byggt annorlunda än andra.

Mozilla använder sitt eget språk för att beskriva anpassade element som tegelstenar som fungerar som komponenter bundna ihop. Om du lägger till många tegelstenar på din sida kan du hantera dem med hjälp av ett pakethanteringsverktyg som Bower.

Observera att Mozilla Brick kan fungera ovanpå Polymer så att det är en mångsidig ram. I huvudsak använder du Brick för att definiera specifika sidelement eller specifika användaråtgärder på sidan.

Sen du Anslut dessa komponenter till dina typiska användargränssnitt direkt i HTML. På detta sätt använder du fortfarande standardkompatibla namnkonventioner ovanpå Brick-komponenter.

Det är för närvarande i version 2.0 och du kan hitta en hel lista med repos på GitHub. Mozilla skapade en GitHub konto specifikt för detta projekt så det är det bästa stället att hitta info.

Den har allt från kalendergrannor till flikar, anpassade kortlayouter och till och med den huvudsakliga Brickwebbkoden. Allt Släppt gratis med källan fullt tillgänglig.

Varje projekt innehåller en live-demo värd på GitHub, så om du gräver i dokumentationen hittar du länkar för alla dessa.

Du borde ha någon nivå av komfort med webbkomponenter innan du kommer in i Brick. Det är inte supert nybörjevänligt och det riktar sig verkligen till frontend-utvecklare som vill ha förkonstruerade komponenter för sina webbapps.

Men även nybörjare kan lära sig repen genom att öva med Brick på egen hand. Du kan kämpa för att förstå hela biblioteket, men ju mer du övar Ju mer du lär dig och desto lättare det kommer att vara att skapa robusta komponentdrivna webbapps.