12 JavaScript-bibliotek att titta på i 2017
Med hundratals gratis JS-bibliotek där ute är det svårt att veta var du ska lägga din energi. Vissa slutar kasseras eller gafflar in i nya projekt, medan andra växer snabbt och uppnår omfattande adoption.
De flesta utvecklare vet redan de stora namnen som jQuery och React. Men i det här inlägget vill jag presentera tolv alternativa JS-bibliotek som är mindre kända men stiger snabbt.
1) D3.js
Stora data är en växande industri och datavisualisering blir snabbt lika viktigt. Det finns massor av kartläggning och kartläggning av bibliotek, men få sticker ut så mycket som d3.js . Detta JS-bibliotek arbetar med SVG- och dukelement för att göra grafer, diagram och dynamiska visualiseringar på webben.
Det är helt gratis att använda, och det är ett av de kraftfullaste visualiseringsverktygen som bygger på JavaScript. Om du letar efter ett modernt sätt att göra data i webbläsaren rekommenderar jag starkt att kolla på det här biblioteket för att se vad det erbjuder.
2) Node.js
Jag vet att många devs är svåra att höra om Nod hela tiden. Men det är verkligen det snabbast växande JS-biblioteket och det erbjuder så mycket mer än en dev-miljö. Med NPM kan du hantera lokala paket för alla dina projekt direkt från kommandoraden.
Detta gör Node till en komplett utvecklingsverktyg som fungerar bra med andra verktyg som Gulp. Plus dussintals relaterade open source-projekt har byggts på Node så att du kan arbeta med enhetstestning i Mocha.js eller bygga ett frontändgränssnitt med Sails.js ramverk.
Om du inte har provat Node än så kan du bli förvånad hur mycket du saknar.
3) Riot.js
Virtuell DOM-rendering och anpassade element kullar React-biblioteket. Det har snabbt blivit valet av alla yrkesverksamma som vill ha ett kraftfullt digitalt gränssnittsbibliotek för utveckling av fronten.
Men Riot.js sätter upp en solid kamp som erbjuder ett bra alternativ till React. Genom att använda Riot-ramverket har du fortfarande tillgång till en virtuell DOM men det är mycket lättare att styra med enklare syntaxkrav. Tyvärr är det här biblioteket inte lika stort som React och det drivs inte av Facebook, så du kommer inte ha den stora gemenskapen. Men det är ett hälsosamt alternativ och det är en anständig konkurrent i frontenutrymmet.
4) Create.js
Från webbanimering till digitala medier kan du arbeta med allting i CreateJS . Det här är inte ett enda bibliotek, utan snarare en serie biblioteken byggd för olika ändamål. Till exempel arbetar Easel.js med HTML5-kanvaselement medan Tweet.js hjälper dig att bygga anpassade tweening och animeringar för webben.
Varje bibliotek i denna samling tjänar ett annat syfte och erbjuder moderna funktioner för alla större webbläsare. Men de flesta av dessa bibliotek hjälper till med specialfunktioner så att de bäst används på specialwebbplatser. Om du är nyfiken, ta en titt på Skapa JS-webbplats för att se vad det erbjuder.
5) Keystone.js
Tidigare nämnde jag Node.js och hur många andra bibliotek som byggdes ovanpå. Keystone.js är ett fantastiskt exempel som går utöver Node genom att erbjuda en fullskalig CMS-motor.
Med Keystone kan du bygga MEAN webapps drivs av Node / Express och MongoDB på backend. Keystone.js är helt gratis men fortfarande väldigt nytt. Vid tidpunkten för detta skrivande är det bara i v0.3 så det har en lång väg att gå för professionell användning.
Men om du är kittlad av ett rent JavaScript CMS, kolla det och se vad du tycker.
6) Vue.js
I världen av frontändamål hittar du vanligtvis två framträdande val: Angular and Ember. Men Vue.js är ett annat mycket populärt val och det blir snabbt mer uppmärksamhet sedan dess v2.0-frisättning .
Vue är en MVVM frontend JavaScript-ram, så det rör sig bort från den typiska MVC-arkitekturen. Det är knepigt att lära sig men syntaxen är enkel när du förstår hur allt fungerar. Det är verkligen ett livskraftigt val i kriget för framsidans ramar, och det är värt att hålla ett öga på det under de närmaste åren.
7) Meteor
Du kan integrera någon plattform i Meteor ramverk med fantastiska resultat. Detta open source-projekt hjälper utvecklare att bygga JS-drivna applikationer, oavsett om de är chattprogram i realtid eller sociala grupper eller anpassade instrumentpaneler.
Det kallas till och med en social nyhetsram Teleskop byggd på toppen av Meteor. Det här låter dig skapa en social nyhets- / socialröstningswebbplats från början som körs på Meteor och React.
Meteor är ett bibliotek av ett bibliotek med många funktioner, men det är inte lätt att lära sig. Men det är roligt och skickligt JS-utvecklare kan bygga nästan vad som helst med den här plattformen.
8) Chart.js
Med Chart.js Du kan bygga stapeldiagram, linjekartor, bubbla diagram och många andra liknande funktioner med hjälp av JavaScript och kanvas API. Detta är en av de enklaste JS-biblioteken för datarkartning och den levereras med inbyggda alternativ för animeringar.
Det här är ett av de få bibliotek jag rekommenderar för datadiagram eftersom det är lätt att installera, enkelt att anpassa och det kommer med några av de bästa dokumentation av något öppen källprojekt.
9) WebVR
Det verkar som om den virtuella verkligheten har tagit världen med storm med nya nystartade och upphetsade utvecklare som arbetar outtröttligt på VR-projekt. Det var därför jag blev inte förvånad över att hitta WebVR , ett nytt JavaScript API för VR i din webbläsare.
Detta fungerar av de mest populära enheterna som Oculus Rift och Vive men det är för närvarande i ett utvecklingsstadium. API: n är öppen källkod och testas ständigt mot moderna webbläsare för att mäta hur det fungerar på VR-enheter.
Om du är nyfiken på att lära dig mer eller bli involverad i projektet, kolla in officiell sida eller besöka MozVR-sida för mer information.
10) Three.js
Det är galet att se hur mycket 3D-animering har vuxit från 1980-talet fram till idag. Vi är alla bekanta med 3D animerade filmer men webbanimering är fortfarande en ny gräns. Och tack och lov har vi bibliotek som Three.js flammande en väg för 3D-animering på webben.
På huvudsidan hittar du dussintals levande exempel på Three.js i aktion. Du kan skapa rörelsekänsliga bakgrunder, anpassad 3D-webbgrafik och dynamiska gränssnittselement som använder 3D-animeringseffekter. Om du har tillräckligt med tålamod och körning kan du bygga någon 3D-effekt med detta bibliotek. Det är den bästa resursen för 3D-rörelse på webben, och den kommer med massor av exempel för att komma igång.
11) Omniscient.js
Funktionell programmering med JavaScript är inte en ny sak. Men det är ganska nytt på webben och det är nu mycket vanligare med bibliotek som Omniscient.js . Det här fria open source-biblioteket hanterar visningar med en toppåtervändningsprocess för alla frontändkomponenter. Du kan skriva funktionell JS-kod från början och arbeta med befintliga användargrupper som React.
Jag rekommenderar specifikt detta bibliotek till alla erfarna utvecklare som vill ha en mjukare utvecklingsprocess. Det är ett komplicerat ämne för nybörjare, men Omniscient kan radikalt ändra ditt dev-arbetsflöde när det används i samordning med React-komponenter.
12) Ractive.js
Om du letar efter ett UI-bibliotek som är annorlunda än det som jag tror Ractive.js passar mögelbrunnen. Den levereras med dubbelriktad bindning för mallelement och data så att du kan konstruera mallar med element som binder till Ractive-funktioner i JavaScript.
Detta är ett ganska tätt bibliotek, men det erbjuder en av de smidaste inlärningskurvorna för nybörjare. Det är inte lika detaljerat som React, och det använder väldigt olika syntax i JS och HTML. Besök huvudsida att lära sig mer och kolla in exempel sida för att se vad som är möjligt med Ractive.
Alla bibliotek i detta inlägg har något unikt att erbjuda JS-samhället. Om du gillar att tinka med JavaScript, ta en titt på varje bibliotek här och se vad de kan erbjuda dina webbutvecklingsprojekt.