12 JavaScript-biblioteker å se i 2017
Med hundrevis av gratis JS-biblioteker der ute, er det vanskelig å vite hvor du skal sette din energi. Noen ender opp forkastet eller gis inn i nye prosjekter, mens andre vokser raskt og oppnår utbredt adopsjon.
De fleste utviklere kjenner allerede de store navnene som jQuery og React. Men i dette innlegget vil jeg gjerne introdusere tolv alternative JS-biblioteker som er mindre kjente, men stiger raskt.
1) D3.js
Store data er en voksende industri og data visualisering blir raskt like viktig. Det er tonnevis med kartlegging og kartlegging av biblioteker, men få skiller seg ut så mye som D3.js . Dette JS-biblioteket jobber med SVG og lerretelementer for å gjengi grafer, diagrammer og dynamiske visualiseringer på nettet.
Det er helt gratis å bruke, og det er et av de kraftigste visualiseringsverktøyene som er bygd på JavaScript. Hvis du leter etter en moderne måte å gjengi data i nettleseren, anbefaler jeg på det sterkeste å ta en titt på dette biblioteket for å se hva det tilbyr.
2) Node.js
Jeg vet at mange devs er lei av å høre om node hele tiden. Men det er virkelig det raskest voksende JS-biblioteket, og det tilbyr så mye mer enn et dev-miljø. Med NPM kan du administrere lokale pakker for alle dine prosjekter rett fra kommandolinjen.
Dette gjør Node til en komplett utviklingsverktøy som fungerer bra med andre verktøy som Gulp. I tillegg har dusinvis av relaterte åpen kildekodeprosjekter blitt bygget på Node, slik at du kan jobbe med enhetstesting i Mocha.js eller bygge et frontendgrensesnitt med Sails.js rammeverk.
Hvis du ikke har prøvd Node ennå, kan du bli overrasket hvor mye du mangler.
3) Riot.js
Virtual DOM-rendering og egendefinerte elementer kuller React-biblioteket. Det har raskt blitt valget av alle fagfolk som ønsker et kraftig digitalt grensesnittbibliotek for utvikling av frontender.
Men Riot.js er å sette opp en solid kamp som gir et godt alternativ til React. Ved å bruke Riot-rammeverket har du fortsatt tilgang til en virtuell DOM, men det er mye enklere å kontrollere med enklere syntakskrav. Dessverre er dette biblioteket ikke så stort som React, og det er ikke drevet av Facebook, så du vil ikke ha det store samfunnet. Men det er et sunt alternativ, og det er en anstendig konkurrent i frontendene.
4) Create.js
Fra web animasjon til digitale medier kan du jobbe med alt i CreateJS . Dette er ikke et enkelt bibliotek, men snarere en serie biblioteker bygget for forskjellige formål. For eksempel fungerer Easel.js med HTML5 lerretelementer, mens Tweet.js hjelper deg med å bygge tilpasset tweening og animasjoner for nettet.
Hvert bibliotek i denne samlingen tjener en annen hensikt og tilbyr moderne funksjoner for alle de store nettleserne. Men de fleste av disse bibliotekene hjelper med spesialiserte funksjoner, slik at de er best brukt på spesialitet nettsteder. Hvis du er nysgjerrig, så ta en titt på Opprett JS nettsted å se hva den tilbyr.
5) Keystone.js
Tidligere nevnte jeg Node.js og hvor mange andre biblioteker er bygget på toppen av det. Keystone.js er et fantastisk eksempel som går utover Node ved å tilby en fullskala CMS-motor.
Med Keystone kan du bygge MEAN webapps drevet av Node / Express og MongoDB på backend. Keystone.js er helt gratis, men fortsatt veldig nytt. På tidspunktet for denne skrivingen er det bare i v0.3, så det har en lang vei å gå for profesjonell bruk.
Men hvis du er kildet av et rent JavaScript CMS, så sjekk det ut og se hva du synes.
6) Vue.js
I verden av frontendrammer finner du vanligvis to fremtredende valg: Vinkel og Ember. Men Vue.js er et annet veldig populært valg, og det blir raskt mer oppmerksomhet siden det v2.0 utgivelse .
Vue er en MVVM frontend JavaScript rammeverk, slik at den beveger seg vekk fra den typiske MVC arkitekturen. Det er vanskelig å lære, men syntaksen er enkel når du forstår hvordan alt fungerer. Det er absolutt et levedyktig valg i krigen for frontendrammer, og det er verdt å holde øye med det de neste årene.
7) Meteor
Du kan integrere hvilken som helst plattform i Meteor rammeverk med fantastiske resultater. Dette open source-prosjektet hjelper utviklere å bygge JS-drevne applikasjoner enten de er sanntids chat-apper eller sosiale grupper eller tilpassede dashboards.
Det er enda en sosial nyhetsramme kalt Teleskop bygget på toppen av Meteor. Dette lar deg lage en nettside for sosiale nyheter / sosiale stemmer fra grunnen til å kjøre på Meteor og React.
Meteor er et dyr på et bibliotek med mange funksjoner, men det er ikke lett å lære. Men det er morsomt og dyktig. JS utviklere kan bygge nesten alt sammen med denne plattformen.
8) Chart.js
Med Chart.js Du kan bygge strekdiagrammer, linjediagrammer, boblediagrammer og mange andre lignende funksjoner ved hjelp av JavaScript og lerret API. Dette er en av de enkleste JS-bibliotekene for dataregistrering, og den leveres med innebygde alternativer for animasjoner.
Dette er et av de få bibliotekene jeg anbefaler for datagraver fordi det er enkelt å sette opp, enkelt å tilpasse, og det kommer med noen av de beste dokumentasjon av ethvert åpen kildekodeprosjekt.
9) WebVR
Det ser ut til at virtuell virkelighet har tatt verden med storm med nye oppstart og spennende utviklere som jobber utrettelig med VR-prosjekter. Derfor var jeg ikke overrasket over å finne WebVR , en ny JavaScript API laget for VR i nettleseren din.
Dette fungerer av de mest populære enhetene som Oculus Rift og Vive, men det er for tiden i et utviklingsstadium. APIen er åpen kildekode og blir kontinuerlig testet mot moderne nettlesere for å måle hvordan den fungerer på VR-enheter.
Hvis du er nysgjerrig på å lære mer eller bli involvert i prosjektet, sjekk ut offisiell side eller besøk MozVR-siden for mer info.
10) Three.js
Det er gal å se hvor mye 3D-animasjon har vokst fra 1980-tallet til i dag. Vi er alle kjent med 3D animerte filmer, men web animasjon er fortsatt en ny grense. Og heldigvis har vi biblioteker som Three.js flammende en bane for 3D-animasjon på nettet.
På hovedstedet finner du dusinvis av levende eksempler på Three.js i aksjon. Du kan bygge bevegelsesfølsomme bakgrunner, tilpasset 3D-webgrafikk og dynamiske grensesnittelementer som bruker 3D-animasjonseffekter. Hvis du har nok tålmodighet og kjøring, kan du bygge noen 3D-effekt med dette biblioteket. Det er den beste ressursen for 3D-bevegelse på nettet, og den følger med mange eksempler å komme i gang.
11) Omniscient.js
Funksjonell programmering med JavaScript er ikke noe nytt. Men det er ganske nytt på nettet, og det er nå mye mer vanlig med biblioteker som Omniscient.js . Dette gratis open source-biblioteket håndterer visninger med en topp-down gjengivelsesprosess for alle frontendekomponenter. Du kan skrive funksjonell JS-kode fra bunnen av og arbeide med eksisterende UI-biblioteker som React.
Jeg vil spesielt anbefale dette biblioteket til noen erfarne utviklere som ønsker en jevnere utviklingsprosess. Det er et komplisert emne for nybegynnere, men Omniscient kan radikalt endre din dev-arbeidsflyt når den brukes i samordning med React-komponenter.
12) Ractive.js
Hvis du leter etter et UI-bibliotek som er annerledes enn resten jeg tror Ractive.js passer til munnbrønnen. Den leveres med toveisbinding for malelementer og data, slik at du kan konstruere maler med elementer som binder til Ractive-funksjoner i JavaScript.
Dette er et ganske tett bibliotek, men det tilbyr en av de smidigeste lærekurver for nybegynnere. Det er ikke like detaljert som React, og det bruker mye forskjellig syntaks i JS og HTML. Besøk hovedstedet for å lære mer, og sjekk ut eksempler side for å se hva som er mulig med Ractive.
Alle bibliotekene i dette innlegget har noe unikt å tilby JS-fellesskapet. Hvis du liker å tinker med JavaScript, ta en titt på hvert bibliotek her og se hva de kan tilby dine web dev prosjekter.