Með hundruð ókeypis JS bókasöfn þarna úti er erfitt að vita hvar á að setja orku þína. Sumir endar fleygja eða gaffla í ný verkefni, á meðan aðrir vaxa hratt og ná víðtækri samþykkt.

Flestir forritarar vita þegar stóru nöfnin eins og jQuery og React. En í þessari færslu vil ég kynna tólf valkosti JS bókasafna sem eru minna þekktir en stækka hratt.

1) D3.js

01-d3js-visualization-bókasafn

Stór gögn eru vaxandi iðnaður og gögn visualization er fljótt að verða jafn mikilvægt. Það eru tonn af kortum og kortlagningarsöfnum en fáir standa út eins mikið og D3.js . Þetta JS bókasafn vinnur með SVG og striga þætti til að gera línurit, töflur og dynamic visualizations á vefnum.

Það er algjörlega frjáls að nota, og það er eitt af öflugasta visualization verkfærin byggð á JavaScript. Ef þú ert að leita að nútímalegri leið til að afla gagna í vafranum, þá mæli ég mjög með að kíkja á þetta bókasafn til að sjá hvað það býður upp á.

2) Node.js

02-nodejs-merki

Ég veit að margir devs eiga erfitt með að heyra um Hnút allan tímann. En það er í raun ört vaxandi JS bókasafnið og það býður upp á svo mikið meira en dev umhverfi. Með NPM getur þú stjórnað staðbundnum pakka fyrir öll verkefni þín beint frá stjórn línunnar.

Þetta gerir Node til fullrar þróunar tól sem virkar vel með öðrum tækjum eins og Gulp. Auk þess hafa heilmikið af tengdum opinn uppspretta verkefnum verið byggð á hnút svo þú getir unnið með prófun eininga í Mocha.js eða byggðu framhliðarglugga við Sails.js ramma.

Ef þú hefur ekki prófað Hnút enn þá gætirðu verið undrandi, hversu mikið þú vantar.

3) Riot.js

03-riotjs-skjár

Virtual DOM flutningur og sérsniðnar þættir rusla á React bókasafnið. Það hefur fljótt orðið val allra sérfræðinga sem vilja hafa öflugt stafrænt tengibók fyrir þróun framanenda.

En Riot.js er að setja upp traustan baráttu sem býður upp á gott val við React. Með því að nota Riot ramma hefur þú ennþá aðgang að raunverulegur DOM en það er miklu auðveldara að stjórna með einfaldari setningafræði. Því miður er þetta bókasafn ekki eins stór og React og það er ekki knúið af Facebook, svo þú munt ekki hafa mikið samfélag. En það er heilbrigt val og það er ágætis keppandi í framhliðinni.

4) Create.js

04-createjs-easel-js-skjár

Frá vefur fjör til stafrænn frá miðöldum þú getur unnið með allt í CreateJS . Þetta er ekki eitt bókasafn, heldur safn af bókasöfnum sem eru byggð fyrir mismunandi tilgangi. Til dæmis vinnur Easel.js með HTML5 striga þætti meðan Tweet.js hjálpar þér að byggja upp sérsniðin tweening og hreyfimyndir á vefnum.

Sérhver bókasafn í þessu safni býður upp á aðra tilgangi og býður upp á nútíma eiginleika fyrir alla helstu vafra. En flestir af þessum bókasöfnum hjálpa með sérhæfðum eiginleikum svo að þær séu best notaðir á vefsíðum sérgreinarinnar. Ef þú ert forvitinn, þá skoðaðu Búðu til JS vefsíðu að sjá hvað það býður upp á.

5) Keystone.js

05-keystone-js-cms

Fyrr nefndi ég Node.js og hversu margar aðrar bókasöfn eru byggðar ofan á því. Keystone.js er frábært dæmi sem fer út fyrir hnút með því að bjóða í fullri stærð CMS vél.

Með Keystone getur þú byggt MEÐ Vefsíður knúin af Hnútur / Express og MongoDB á bakinu. Keystone.js er alveg ókeypis en samt mjög nýtt. Þegar þetta er skrifað er það aðeins í v0.3 svo það hefur langa leið til að fara í atvinnuskyni.

En ef þú ert tickled af hreinu JavaScript CMS þá skaltu athuga það út og sjá hvað þú heldur.

6) Vue.js

06-vuejs-merki

Í heimi framhliða ramma finnur þú venjulega tvö áberandi val: Hyrnd og Ember. En Vue.js er annar mjög vinsæll kostur og það er fljótt að fá meiri athygli síðan þess v2.0 losun .

Vue er MVVM frontend JavaScript ramma svo það hreyfist í burtu frá dæmigerðum MVC arkitektúr. Það er erfiður að læra en setningafræði er einfalt þegar þú skilur hvernig það virkar. Það er vissulega raunhæft val í stríði við framhliðarsamgöngur og það er þess virði að hafa í huga það á næstu árum.

7) Meteor

07-meteor-js-merki

Þú getur sameinað hvaða vettvang í Meteor ramma með frábærum árangri. Þetta opna uppsprettaverkefni hjálpar verktaki að byggja upp JS-máttur forrit hvort sem þeir eru spjallforrit í rauntíma eða samfélags eða sérsniðnar mælaborð.

Það er jafnvel félagsfréttir ramma kallað Sjónauki byggð ofan á Meteor. Þetta gerir þér kleift að búa til vefsíðu um félagsleg fréttir / félagsleg atkvæðagreiðslu frá grunni sem keyrir á Meteor og React.

Meteor er dýrið af bókasafni með fullt af eiginleikum, en það er ekki auðvelt að læra. Hins vegar er gaman og hæft JS forritarar geta byggt upp nánast allt með þessari vettvang.

8) Chart.js

08-chartjs-striga-demo

Með Chart.js Þú getur búið til línurit, lína töflur, kúla töflur og margar aðrar svipaðar aðgerðir með því að nota JavaScript og API forritið. Þetta er ein af einföldustu JS bókasöfnum fyrir gagnaflutning og það kemur með innbyggðum valkostum fyrir hreyfimyndir.

Þetta er eitt af fáum bókasöfnum sem ég mæli með fyrir gögnargögn vegna þess að það er auðvelt að setja upp, auðvelt að aðlaga og það kemur með nokkrum af bestu skjöl af öllum opnum verkefnum.

9) WebVR

09-webvr-merki

Það virðist sem raunverulegur veruleiki hefur tekið heiminn með stormi með nýjum gangsetningum og spennandi forritara sem vinna óþrjótandi við VR verkefni. Þess vegna var ég ekki hissa á að finna WebVR , nýtt JavaScript API gert fyrir VR í vafranum þínum.

Þetta virkar af vinsælustu tækjum eins og Oculus Rift og Vive en það er nú í þróunarsvið. API er opinn uppspretta og er stöðugt að prófa í nútíma vafra til að meta hvernig það virkar á VR tæki.

Ef þú ert forvitinn að læra meira eða taka þátt í verkefninu skaltu skoða opinber síða eða heimsækja MozVR síðu fyrir frekari upplýsingar.

10) Three.js

10-þrír-3d-grafík-webgl

Það er brjálaður að sjá hversu mikið 3D fjör hefur vaxið aftur frá 1980 til í dag. Við erum öll þekki 3D hreyfimyndir en vefurinn er enn ný landamæri. Og því miður höfum við bókasöfn eins og Three.js logandi leið fyrir 3D fjör á vefnum.

Á aðalstaðnum finnurðu heilmikið af lifandi dæmi um Three.js í aðgerð. Þú getur byggt upp hreyfingarviðkvæm bakgrunn, sérsniðin 3D vefur grafík og dynamic tengi þætti sem nota 3D hreyfimyndir áhrif. Ef þú hefur nóg þolinmæði og akstur getur þú byggt upp hvaða 3D áhrif með þetta bókasafn. Það er besta auðlindin fyrir 3D hreyfingu á vefnum, og það kemur með fullt af dæmum til að hefjast handa.

11) Omniscient.js

11-alnæmi-js-bókasafnið

Hagnýtur forritun með JavaScript er ekki nýtt. En það er nokkuð nýtt á vefnum og það er nú mun algengara með bókasöfnum eins og Omniscient.js . Þetta ókeypis opinn uppspretta bókasafn annast skoðanir með toppur niður flutningur aðferð fyrir alla framan endir hluti. Þú getur skrifað hagnýtur JS kóða frá grunni og unnið með núverandi UI bókasöfn eins og React.

Ég myndi sérstaklega mæla með þessu bókasafni til neinna reynda forritara sem vilja sléttari þróunarferli. Það er flókið efni fyrir byrjendur en Alvitur getur róttækan breytingu á dev workflow þegar það er notað í samráði við React hluti.

12) Ractive.js

12-ractive-js-demo

Ef þú ert að leita að HÍ bókasafn sem er öðruvísi en hinir sem ég held Ractive.js passar moldbrunninn. Það kemur með tvíhliða bindingu fyrir sniðmát og gögn svo þú getir smíðað sniðmát með þætti sem bindast Ractive aðgerðir í JavaScript.

Þetta er frekar þétt bókasafn en það býður upp á einn af sléttu námsferlinum fyrir byrjendur. Það er ekki eins nákvæm og React, og það notar gríðarlega ólík setningafræði í JS og HTML. Heimsókn á aðal síða að læra meira og kíkja á dæmi síðu til að sjá hvað er mögulegt með Ractive.

Allir bókasöfnin í þessari færslu hafa eitthvað einstakt að bjóða upp á JS samfélagið. Ef þú hefur gaman af að tinka með JavaScript skaltu taka aðra sýn yfir hvert bókasafn hér og sjáðu hvað þeir geta boðið þér á vefnum.