Mozilla Brick - Biblioteca gratuită a componentelor UI

Puteți găsi tone de cadre de web frontend gratuit dacă căutați suficient de mult. Toți vin cu dezavantajele și dezavantajele lor, dar există un cadru acolo pentru toată lumea.

Mozilla Brick este a mai nou cadru și este construit ca o bibliotecă UI care rulează pe Web Components.

Aceste componente funcționează cum ar fi biți de cod reutilizabil similar cu biblioteca Polymer Google. Cu toate acestea, cu Mozilla Brick, aveți propria dvs. bibliotecă de componente, împreună cu elementele UI, toate înfășurate într-un singur pachet mare.

Dacă vă aruncați cu capul în această bibliotecă, veți realiza rapid că este construită în mod diferit decât altele.

Mozilla utilizează limba proprie pentru a descrie elemente personalizate cum ar fi cărămizi care acționează ca și componente incluse împreună. Dacă adăugați multe cărămizi pe pagina dvs., le puteți gestiona utilizând un instrument de gestionare a pachetelor, cum ar fi Bower.

Rețineți că Mozilla Brick poate funcționa pe partea de sus a Polymer, deci este un cadru versatil. În esență, ați folosi caramida pentru a defini anumite elemente de pagină sau anumite acțiuni ale utilizatorilor pe pagină.

Atunci tu conectați aceste componente în elementele dvs. UI tipice chiar în interiorul HTML. În acest fel, utilizați în continuare convenții de numire compatibile cu standardele din partea de sus a componentelor Brick.

Este în prezent în versiunea 2.0 și puteți găsi o întreagă listă de repo-uri pe GitHub. Mozilla a creat o Contul GitHub special pentru acest proiect deci este cel mai bun loc pentru a găsi informații.

Ea are totul, de la UI-urile calendarului până la bare de taburi, layout-uri de carduri personalizate și chiar și codul principal al site-ului Brick. Toate lansat gratuit cu sursa pe deplin accesibilă.

Fiecare proiect include o demonstrație live găzduită pe GitHub, astfel încât, dacă vă înscrieți în documentație veți găsi link-uri pentru toate acestea.

Ar trebui să aveți un anumit nivel de confort cu componentele web înainte de a intra în caramida. Nu e super newbie-friendly și este cu adevărat destinat dezvoltatorilor frontend care doresc componente pre-proiectate pentru webapps-urile lor.

Cu toate acestea, chiar și începătorii pot învăța corzile practicând cu Brick pe cont propriu. Puteți încerca să înțelegeți întreaga bibliotecă, dar cu cât practici mai mult cu atât vei învăța mai mult și vei fi mai ușor va fi să realizăm webapps robust cu componente compacte.