Navigera i webbdjungeln: Bibliotek

Ett Javascript-bibliotek är Javascript som "någon annan" har skrivit, och som underlättar utvecklingen av applikationer i Javascript. Ofta är det en samling funktioner som är lättare att använda än den underliggande tekniken, t.ex. eftersom biblioteket har testats i flera webbläsare som implementerar den underliggande tekniken lite olika.

Här skiljer jag på "bibliotek" och "ramverk": ett bibliotek tillhandahåller en samling funktioner, medan ett ramverk styr hela kodstrukturen på din applikation. Vi återkommer till ramverk i nästa inlägg.

Jquery

Jquery är ett av dom kändaste biblioteken, som kom ut redan år 2006. Det används för att manipulera och söka i DOM-trädet (dvs. HTML-element), hantera events, CSS-animationer och Ajax.

Att utveckla en stor, ensidesapplikation (eng. SPA, single-page application) med Jquery är idag en ganska dålig idé, just eftersom Jquery bara är ett bibliotek. Ofta behöver man bättre kodstruktur, och där kan ett ramverk hjälpa.

Underscore och Lodash

Både Underscore och Lodash har en samling funktioner för att arbeta med objekt och arrayer, exempelvis hämta unika element i en array (_.uniq()), eller utgå från ett objekt och skapa kopia, förutom att du tar bort en property (_.omit()).

Om du kommer från .Net-världen, så kommer du känna igen delar av detta från Linq.

Mer

Det finns ett otal olika bibliotek, bättre eller sämre skrivna. Här är ytterligare ett par som kan vara värda att använda:

• D3: För att arbeta med SVG-grafik.
• RxJS: Kan ersätta promises och async/await. Används ofta med Angular.