12 knihoven JavaScriptu pro sledování v roce 2017
Se stovkami volných knihoven JS tam je těžké vědět, kam dát svou energii. Některé jsou nakonec vyhozeny nebo naloženy do nových projektů, zatímco jiné rychle rostou a dosáhnou rozsáhlého přijetí.
Většina vývojářů už zná velké jména jako jQuery a React. V tomto příspěvku bych však rád představil dvanáct alternativních knihoven JS, které jsou méně známé, ale rychle rostou.
1) D3.js
Velká data jsou rostoucím průmyslem a vizualizace dat se rychle stává stejně důležitým. Existují tuny grafů a mapování knihoven, ale jen málo vyniká D3.js . Tato knihovna JS pracuje s prvky SVG a plátna, které zobrazují grafy, grafy a dynamické vizualizace na webu.
Je zcela zdarma k použití a je to jeden z nejvýkonnějších vizualizačních nástrojů postavených na jazyce JavaScript. Pokud hledáte moderní způsob, jak vykreslit data v prohlížeči, doporučuji vám podívat se na tuto knihovnu, abyste zjistili, co nabízí.
2) Node.js
Vím, že mnoho devů je pochybeno Uzel po celou dobu. Je to však nejrychleji rostoucí JS knihovna a nabízí mnohem víc než dev prostředí. Pomocí nástroje NPM můžete spravovat místní balíčky pro všechny vaše projekty přímo z příkazového řádku.
To dělá Node plnou vývojovou sadu nástrojů, která funguje dobře s dalšími nástroji, jako je Gulp. Navíc byly na uzlu postaveny desítky souvisejících projektů s otevřeným zdrojovým kódem, takže můžete pracovat s testováním jednotky Mocha.js nebo vytvořit přední rozhraní rozhraní Sails.js rámec.
Pokud jste ještě nezkoušeli uzel, možná byste se překvapilo, kolik vám chybí.
3) Riot.js
Virtuální DOM vykreslování a vlastní prvky vrhají knihovnu React. Rychle se stala volbou všech profesionálů, kteří chtějí mít k dispozici výkonnou knihovnu digitálního rozhraní pro vývoj fronty.
Ale Riot.js představuje solidní boj nabízející dobrou alternativu k Reactu. Použitím rámce Riot stále máte přístup k virtuálním DOM, ale je mnohem jednodušší ovládat pomocí jednodušších syntaktických požadavků. Bohužel tato knihovna není tak velká, jako je React a není poháněna Facebookem, takže nebudete mít obrovskou komunitu. Ale je to zdravá alternativa a je to slušný konkurent v přední části prostoru.
4) Create.js
Od webové animace po digitální média můžete pracovat se všemi CreateJS . Není to ani jedna knihovna, nýbrž soubor knihoven postavených pro různé účely. Například Easel.js pracuje s elementy HTML5 na plátně, zatímco Tweet.js vám pomůže vytvořit vlastní tweening a animace pro web.
Každá knihovna v této sbírce slouží k jinému účelu a nabízí moderní funkce pro všechny hlavní prohlížeče. Většina těchto knihoven však pomáhá se specializovanými funkcemi, takže se nejlépe používají na specializovaných webových stránkách. Pokud jste zvědaví, podívejte se na Vytvořte web JS abyste viděli, co nabízí.
5) Keystone.js
Dříve jsem se zmínil o Node.js a kolik dalších knihoven je postaveno na vrcholu. Keystone.js je fantastickým příkladem, který přesahuje uzel nabídnutím plnohodnotného CMS motoru.
S Keystone můžete stavět MEAN webapps napájené Node / Express a MongoDB na pozadí. Keystone.js je zcela zdarma, ale stále velmi nový. V době psaní je to pouze v v0.3, takže má dlouhou cestu k profesionálnímu použití.
Ale pokud jste zběsilý čistým JavaScriptem CMS, podívejte se na to a uvidíte, co si myslíte.
6) Vue.js
Ve světě předních koncových rámců najdeme obvykle dvě prominentní volby: Úhlové a nevýrazné. Ale Vue.js je dalším velmi populárním výběrem a od svého vzniku rychle získává větší pozornost v2.0 .
Vue je rozhraní MVVM frontend JavaScript, takže se odklání od typické architektury MVC. Je to složité učit se, ale syntaxe je jednoduchá, jakmile pochopíte, jak to všechno funguje. Je to určitě životaschopná volba ve válce předních koncových rámců a stojí za to, že ji budeme v příštích několika letech pozorně sledovat.
7) Meteor
Do platformy můžete integrovat libovolnou platformu Meteorová kostra s fantastickými výsledky. Tento projekt s otevřeným zdrojovým kódem pomáhá vývojářům vytvářet aplikace založené na JS, ať už se jedná o aplikace v chatu v reálném čase nebo o společenské komunity nebo vlastní panely.
Existuje dokonce i sociální zpravodajský rámec nazvaný Dalekohled postavený na vrcholu Meteoru. To vám umožní vytvářet webové stránky sociálních zpráv / sociálních hlasů od začátku běžící na Meteor a React.
Meteor je šelma knihovny se spoustou funkcí, ale není to snadné se naučit. Nicméně je to zábavné a zkušení vývojáři JS mohou s touto platformou postavit téměř cokoliv.
8) Chart.js
S Chart.js můžete vytvořit barové grafy, grafy, bublinové grafy a mnoho dalších podobných funkcí pomocí jazyka JavaScript a plátno API. Jedná se o jednu z nejjednodušších knihoven JS pro mapování dat a přichází s vestavěnými možnostmi pro animace.
Jedná se o jednu z mála knihoven, které doporučuji pro datové grafy, protože je snadné nastavit, snadno přizpůsobit a přichází s některými z nejlepších dokumentace jakéhokoli projektu s otevřeným zdrojovým kódem.
9) WebVR
Zdá se, že virtuální realita zaujala svět bouří s novými začínajícími a vzrušenými vývojáři, kteří neúnavně pracují na projektech VR. Proto jsem nebyl překvapen, když jsem našel WebVR , nový JavaScript API vytvořený pro VR ve vašem prohlížeči.
Toto funguje z nejpopulárnějších zařízení, jako je Oculus Rift a Vive, ale je v současné době ve fázi vývoje. API je open source a neustále se testuje na moderních prohlížečích, aby zjistil, jak funguje na zařízeních VR.
Pokud se chcete dozvědět více informací nebo se zapojit do projektu, podívejte se oficiální stránka nebo navštivte stránku MozVR stránky pro více informací.
10) Three.js
Je bláznivé, když vidíme, kolik 3D animací se rozrostlo od osmdesátých let až do dnešních dnů. Všichni jsme obeznámeni s 3D animovanými filmy, ale webová animace je stále novou hranicí. A naštěstí máme knihovny Three.js ohromující cestu pro 3D animaci na webu.
Na hlavním webu naleznete desítky živých příkladů Tri.js v akci. Můžete vytvářet pozadí citlivé na pohyb, vlastní webové 3D grafiku a prvky dynamického rozhraní, které používají efekty 3D animace. Pokud máte dostatek trpělivosti a řízení, můžete v této knihovně vytvořit 3D efekt. Je to nejlepší zdroj pro 3D pohyb na webu a je dodáván s spousta příkladů abys začal.
11) Omniscient.js
Funkční programování s JavaScriptem není nová věc. Ale je to docela nové na webu a je teď mnohem běžnější s knihovnami jako Omniscient.js . Tato bezplatná knihovna open source zpracovává pohledy pomocí procesu vykreslování shora dolů pro všechny komponenty front-end. Můžete psát funkční JS kód od začátku a pracovat s existujícími knihovnami UI jako React.
Rád bych tuto knihovnu výslovně doporučil všem zkušeným vývojářům, kteří chtějí hladší vývojový proces. Je to komplikovaný předmět pro začátečníky, ale společnost Omniscient může radikálně změnit váš dev workflow při použití v koordinaci s komponentami React.
12) Ractive.js
Pokud hledáte knihovnu UI, která se liší od ostatních, myslím Ractive.js hodí dobře do formy. Dodává se s obousměrnou vazbou pro šablony prvků a dat, takže můžete vytvářet šablony s prvky, které se váznou na funkce RACTIV v jazyce JavaScript.
Jedná se o docela hustou knihovnu, ale nabízí jednu z nejhladších učebních křivek pro začátečníky. Není to tak detailní, jako je React, a v JS a HTML používá výrazně odlišnou syntaxi. Navštivte hlavní místo dozvědět se více a zkontrolovat příklady abyste viděli, co je možné s RACÍ.
Všechny knihovny v tomto příspěvku mají něco společného s JS komunitou. Pokud se vám líbí tinkering s JavaScriptem, pak se podívejte na další knihovnu a podívejte se, co mohou nabídnout vaše projekty web dev.