Lit.dev Workshop – Univerzalne JS Komponente
Nedavno smo održali radionicu pod nazivom “Lit.dev Workshop” koju je vodio naš zaposlenik Krešimir Iličić. U ovoj radionici upoznali smo naše zaposlenike s mogućnostima koje Lit.dev pruža za razvoj modernih web aplikacija.
Pregled sadržaja
Što je Lit.dev?
Lit.dev je biblioteka za razvoj web aplikacija temeljena na Web Components standardu. Omogućuje jednostavno i brzo kreiranje komponenti koje se mogu koristiti u gotovo svakom Javascript okviru (eng. Framework). Korištenjem Lit.dev biblioteke možemo stvarati brze i modularne aplikacije uz minimalan kod.

Značajna prednost korištenja ove biblioteke je što komponente kreiramo samo jednom, nakon čega ih koristimo u bilo kojem drugom javascript projektu uz minimalnu konfiguraciju. Ovo je idealno rješenje za projekte gdje iznova koristimo iste komponente poput gumbova, navigacija i slično.
Lit koristi “HTML template” i “Reactive properties“, što omogućuje jednostavno obostrano prosljeđivanje podataka i fleksibilnost u radu s komponentama.

Prednosti
- Performanse: Izrazito brzo učitavanje.
- Modularnost: Fokus na male, ponovo iskoristive komponente.
- Jednostavnost: Minimalna količina boilerplate koda i čitljiva sintaksa.
- Kompatibilnost: Laka integracija s postojećim tehnologijama i praćenje Web Components standarda.
Nedostaci
- Mala zajednica: Relativno nova biblioteka na tržištu
- Veća krivulja učenja: Potrebno poznavanje koncepta Shadow DOM-a i “Custom Elementa”
- Manji ekosustav: Nema toliko dodataka, alata i dokumentacije kao slične alternative
Što je obuhvatio Lit.dev Workshop ?
Obuhvaćene su sljedeće teme:
- Osnove Lit.dev biblioteke: Uvod u osnovne ideje vezane za Lit.dev i kako integrirati ovu biblioteku u projekt.
- Usporedba Lit.dev s alternativama: Razgovarali smo o prednostima korištenje ove biblioteke u usporedbi sa StoryBook i klasičnim Web Components.
- Praktična primjena: Pokazali smo kako kreirati jednostavne komponente te ih integrirati u postojeći Vue.js projekt.
- Use case: Lit.dev workshop je zaključen s nekoliko primjera koji govore o tome gdje bi nama ovakve komponente mogle pomoći na projektima.
Lit.dev Workshop je bio jedan od više održanih workshopova u našoj tvrtki. Ova praksa je uvedena kako bi zaposlenici mogli dijeliti svoje znanje i naučiti nešto od ostalih kolega. Sviđa Vam se ovakav koncept prenošenja znanja? Pogledajte naše ostale workshopove.