12 JavaScript-biblioteker til Watch i 2017
Med hundredvis af gratis JS biblioteker derude er det svært at vide, hvor du skal sætte din energi. Nogle ender med at blive kasseret eller forked i nye projekter, mens andre vokser hurtigt og opnår en bred adoption.
De fleste udviklere kender allerede de store navne som jQuery og React. Men i dette indlæg vil jeg gerne introducere tolv alternative JS-biblioteker, der er mindre kendte, men stiger hurtigt.
1) D3.js
Store data er en voksende industri og data visualisering bliver hurtigt lige så vigtigt. Der er tonsvis af kortlægning og kortlægning af biblioteker, men få skiller sig ud så meget som D3.js . Dette JS-bibliotek arbejder med SVG og lærredelementer for at gøre grafer, diagrammer og dynamiske visualiseringer på nettet.
Det er helt gratis at bruge, og det er et af de mest kraftfulde visualiseringsværktøjer bygget på JavaScript. Hvis du leder efter en moderne måde at gengive data i browseren, vil jeg stærkt anbefale at kigge på dette bibliotek for at se, hvad det tilbyder.
2) Node.js
Jeg ved, at mange devs har svært ved at høre om Node hele tiden. Men det er virkelig det hurtigst voksende JS-bibliotek, og det giver så meget mere end en dev-miljø. Med NPM kan du administrere lokale pakker til alle dine projekter lige fra kommandolinjen.
Dette gør Node til en komplet udvikling værktøjskasse, der fungerer godt med andre værktøjer som Gulp. Plus dusinvis af relaterede open source-projekter er blevet bygget på Node, så du kan arbejde med enhedstestning i Mocha.js eller bygg en frontend grænseflade med Sails.js rammer.
Hvis du ikke har prøvet Node endnu, kan du blive overrasket, hvor meget du mangler.
3) Riot.js
Virtual DOM-rendering og brugerdefinerede elementer kolliderer React-biblioteket. Det er hurtigt blevet valget af alle fagfolk, der ønsker et kraftfuldt digitalt interfacebibliotek til frontendudvikling.
Men Riot.js sætter en solid kamp, der tilbyder et godt alternativ til React. Ved at bruge Riot-rammerne har du stadig adgang til en virtuel DOM, men det er meget nemmere at styre med enklere syntaks krav. Desværre er dette bibliotek ikke så stort som React, og det er ikke drevet af Facebook, så du vil ikke have det store samfund. Men det er et sundt alternativ, og det er en anstændig konkurrent i frontenden.
4) Create.js
Fra web animation til digitale medier kan du arbejde med alt i CreateJS . Dette er ikke et enkelt bibliotek, men snarere en række biblioteker bygget til forskellige formål. For eksempel arbejder Easel.js med HTML5 lærredelementer, mens Tweet.js hjælper dig med at opbygge brugerdefineret tweening og animationer til internettet.
Hvert bibliotek i denne samling tjener et andet formål og tilbyder moderne funktioner til alle større browsere. Men de fleste af disse biblioteker hjælper med specialiserede funktioner, så de bruges bedst på specialwebsteder. Hvis du er nysgerrig, så tag et kig på Opret JS hjemmeside for at se, hvad den tilbyder.
5) Keystone.js
Tidligere nævnte jeg Node.js og hvor mange andre biblioteker der er bygget på toppen af det. Keystone.js er et fantastisk eksempel, der går ud over Node ved at tilbyde en fuldskala CMS-motor.
Med Keystone kan du bygge MEAN webapps drevet af Node / Express og MongoDB på backend. Keystone.js er helt gratis, men stadig meget nyt. På tidspunktet for denne skrivning er det kun i v0.3, så det har en lang vej at gå til professionel brug.
Men hvis du er kildet af et rent JavaScript CMS, så tjek det og se, hvad du synes.
6) Vue.js
I verden af frontende rammer finder du typisk to fremtrædende valg: Vinkel og Ember. Men Vue.js er et andet meget populært valg, og det får hurtigt mere opmærksomhed siden dets v2.0 frigivelse .
Vue er en MVVM frontend JavaScript ramme, så det bevæger sig væk fra den typiske MVC arkitektur. Det er vanskeligt at lære, men syntaksen er enkel, når du forstår, hvordan det hele virker. Det er bestemt et levedygtigt valg i krigen for frontendrammer, og det er værd at holde øje med det i løbet af de næste par år.
7) Meteor
Du kan integrere enhver platform i Meteor ramme med fantastiske resultater. Dette open source-projekt hjælper udviklere med at opbygge JS-drevne applikationer, uanset om de er chatprogrammer i realtid eller sociale grupper eller brugerdefinerede dashboards.
Der er endda en social nyhedsramme kaldet Teleskop bygget oven på Meteor. Dette giver dig mulighed for at oprette en social nyheds- / socialstemningswebside fra bunden på Meteor og React.
Meteor er et dyr af et bibliotek med mange funktioner, men det er ikke let at lære. Men det er sjovt og dygtigt JS-udviklere kan bygge næsten alt sammen med denne platform.
8) Chart.js
Med Chart.js Du kan oprette stregdiagrammer, linjediagrammer, boblediagrammer og mange andre lignende funktioner ved hjælp af JavaScript og lærred API. Dette er et af de enkleste JS-biblioteker til dataregistrering, og det leveres med indbyggede muligheder for animationer.
Dette er et af de få biblioteker, jeg anbefaler til datadrafik, fordi det er let at konfigurere, let at tilpasse, og det kommer med nogle af de bedste dokumentation af ethvert open source-projekt.
9) WebVR
Det ser ud som om virtuel virkelighed har taget verden med storm med nye startups og spændte udviklere, der arbejder utrætteligt på VR-projekter. Derfor var jeg ikke overrasket over at finde WebVR , en ny JavaScript API lavet til VR i din browser.
Dette virker fra de mest populære enheder som Oculus Rift og Vive, men det er i øjeblikket i et udviklingsstadium. API'en er åben kilde og bliver hele tiden testet mod moderne browsere for at måle, hvordan den fungerer på VR-enheder.
Hvis du er nysgerrig efter at lære mere eller blive involveret i projektet, skal du tjekke ud officielle site eller besøg MozVR-side for mere info.
10) Three.js
Det er vanvittigt at se, hvor meget 3D animation er vokset fra 1980'erne til i dag. Vi er alle bekendt med 3D animerede film, men web animation er stadig en ny grænse. Og heldigvis har vi biblioteker Three.js flammende en vej til 3D-animation på nettet.
På hovedstedet finder du dusinvis af levende eksempler på Three.js i aktion. Du kan oprette bevægelsesfølsomme baggrunde, brugerdefinerede 3D webgrafik og dynamiske grænsefladeelementer, der bruger 3D animationseffekter. Hvis du har nok tålmodighed og kørsel, kan du bygge en 3D-effekt med dette bibliotek. Det er den bedste ressource til 3D-bevægelse på internettet, og det følger med mange eksempler for at komme i gang.
11) Omniscient.js
Funktionel programmering med JavaScript er ikke noget nyt. Men det er ret nyt på internettet, og det er nu meget mere almindeligt med biblioteker som Omniscient.js . Dette gratis open source-bibliotek håndterer visninger med en top-down-gengivelsesproces for alle front-end-komponenter. Du kan skrive funktionel JS kode fra bunden og arbejde med eksisterende UI biblioteker som React.
Jeg vil specifikt anbefale dette bibliotek til alle erfarne udviklere, der ønsker en mere jævn udviklingsproces. Det er et kompliceret emne for begyndere, men Omniscient kan radikalt ændre din dev workflow, når den anvendes i koordination med React-komponenter.
12) Ractive.js
Hvis du leder efter et UI-bibliotek, der er anderledes end det øvrige, jeg tror Ractive.js passer til støbeformen. Den leveres med tovejsbindende for skabelonelementer og data, så du kan konstruere skabeloner med elementer, der binder til Ractive-funktioner i JavaScript.
Dette er et temmelig tæt bibliotek, men det giver en af de smukkeste læringskurver for begyndere. Det er ikke så detaljeret som React, og det bruger meget forskellige syntaks i JS og HTML. Besøg hovedsted for at lære mere, og tjek den eksempler side for at se hvad der er muligt med Ractive.
Alle biblioteker i dette indlæg har noget unikt at tilbyde JS-fællesskabet. Hvis du nyder at snyde med JavaScript, så tag et nyt kig over hvert bibliotek her og se, hvad de kan tilbyde dine web dev projekter.