Workshops
lit.dev workshop

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.

Š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.

lit.dev logo
Lit.Dev logo

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.

code from lit.dev workshop
Primjer koda korišten u Lit.dev Workshopu

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.

Autor

Krešimir Iličić

Ova stranica koristi kolačiće da bi poboljšalo korisničko iskustvo, više o tome možete saznajte na našoj stranici "politika privatnosti"

Politika privatnosti