Programování

3 knihovny JavaScriptu, které nahradí jQuery

Zjednodušení úkolů, jako je procházení dokumentů HTML, animace a zpracování událostí, změnila stálá knihovna JavaQuery JavaScript tvář vývoje webu. V květnu 2019 se jQuery podle průzkumníka webových technologií W3Techs stále používá u 74 procent známých webů. Knihovnu jQuery, která měla premiéru v srpnu 2006, nicméně někteří vývojáři nyní považují za starší technologii, jejíž čas uplynul.

V posledních letech se objevily alternativy k jQuery, jako je knihovna Cash nebo dokonce jen moderní, vanilkový JavaScript, nyní, když všechny webové prohlížeče zpracovávají JavaScript stejným způsobem a jQuery již není potřeba k řešení problémů s kompatibilitou. Argumenty na Redditu a videa na YouTube způsobují, že jQuery je zastaralý, nebo alespoň není tak zásadní, jak tomu bylo dříve.

Proč jQuery již není potřeba

V jedné prezentaci na YouTube „Je jQuery v roce 2018 stále relevantní?“, Pedagog pro vývoj webových aplikací Brad Traversy uznává, že jQuery je pravděpodobně nejlepší zobecněná knihovna JavaScript, která byla kdy vytvořena. Je snadné se jej naučit, kompatibilní s různými prohlížeči, stručnější než starší vanilkový JavaScript a bohatý na doplňky nabízející specifické funkce. Ale JavaScript pokročil daleko od ECMAScript 6 a jQuery již není v mnoha situacích potřeba, uzavírá Traversy.

V dalším videu pedagog kódování Kenneth Lowrey tvrdí, že osvojení si plynulého ovládání jQuery je ztráta času. V současném prostředí pro vývoj webových aplikací moderní prohlížeče většinou zpracovávají JavaScript stejně. Ve většině případů je nativní kód JavaScript lepší než „nadupaná starší knihovna, jako je jQuery,“ říká.

Zatímco jQuery byl volbou pro vytváření požadavků HTTP, například ECMAScript 6 přinesl Fetch, slibované API, které usnadňuje požadavky HTTP. A pokrok se nekončí s HTTP. Tam, kde má jQuery nástroje pro úkoly, jako je manipulace s poli, má nyní vanilkový JavaScript vylepšené možnosti i pro tyto operace.

Animace jsou s vanilkovým JavaScriptem stále obtížnější než jQuery, ale existují i ​​jiné možnosti, jako jsou přechody CSS nebo klíčové snímky, zdůrazňuje Traversy. Knihovnu GreenSock jiného výrobce lze také použít pro animace. Pro manipulaci s DOM, úkol, který kdysi ovládal jQuery, nativní API prohlížeče vyplnily mezeru.

Pro úkoly, které nelze provést ve vanilkovém JavaScriptu, Traversy doporučuje specializované knihovny namísto zobecněné knihovny jako jQuery. Traversy také doporučuje používat rámce JavaScriptu jako React, Angular nebo Vue pro středně velké a velké aplikace. Traversy stále doporučuje jQuery pro použití na jednoduchých webech bez rámce.

jQuery alternativy

Co byste měli použít místo jQuery? Kromě moderního vanilkového JavaScriptu obsahuje krátký seznam alternativ jQuery i Cash, Zepto a Syncfusion Essential JS 2. Cash a Zepto jsou open source knihovny JavaScriptu dostupné pod licencí MIT. Syncfusion Essential JS 2 je komerční produkt.

Hotovost

Hotovost má na GitHubu více než 3 570 hvězd. Cash, který je účtován jako „absurdně malá alternativa jQuery“ pro moderní prohlížeče, má syntaxi stylu jQuery pro manipulaci s DOM a zabírá nekomprimovaný prostor 32 kB. Cash podporuje funkce včetně jmenných událostí, typů TypeScript a moderních sestavení. Hotovost si můžete stáhnout z GitHubu.

Zepto

Zepto je popisováno jako „minimalistická knihovna JavaScriptu s do značné míry kompatibilní s jQuery API.“ Vývojáři, kteří znají jQuery, již vědí, jak používat Zepto, jeho tvůrci dále říkají. Zepto má být mnohem menší a rychlejší než jQuery a může pracovat se sadou nástrojů PhoneGap pro mobilní a stolní prohlížeče. Zepto si můžete stáhnout z webových stránek projektu.

Syncfusion Essential JS 2

Syncfusion Essential JS 2 je komerčně licencovaná knihovna ovládacích prvků uživatelského rozhraní JavaScriptu napsaná v TypeScript. Syncfusion slouží jako alternativa ke knihovně uživatelského rozhraní jQuery a je navržena tak, aby byla nenáročná, lehká a modulární knihovna pro vylepšení webových aplikací. Syncfusion podporuje rámce včetně Angular, React a Vue. Můžete si koupit Syncfusion Essential JS 2 nebo si stáhnout bezplatnou zkušební verzi z webu Syncfusion. Kompletní zdrojový kód, testovací soubory jednotek, testovací skripty a živá ukázka jsou k dispozici na GitHubu.

$config[zx-auto] not found$config[zx-overlay] not found