12 librerie JavaScript da tenere d'occhio nel 2017
Con centinaia di librerie JS gratuite là fuori è difficile sapere dove mettere la tua energia. Alcuni finiscono scartati o biforcati in nuovi progetti, mentre altri crescono rapidamente e raggiungono un'adozione diffusa.
La maggior parte degli sviluppatori conosce già i grandi nomi come jQuery e React. Ma in questo post vorrei introdurre dodici librerie JS alternative meno conosciute ma in rapido aumento.
1) D3.js
I big data sono un settore in crescita e visualizzazione dati sta diventando rapidamente altrettanto importante. Ci sono tonnellate di librerie di mappe e mappature, ma poche si distinguono tanto quanto d3.js . Questa libreria JS funziona con elementi SVG e canvas per il rendering di grafici, diagrammi e visualizzazioni dinamiche sul web.
È completamente gratuito da usare ed è uno dei più potenti strumenti di visualizzazione creati su JavaScript. Se stai cercando un modo moderno per eseguire il rendering dei dati nel browser, ti consiglio vivamente di dare un'occhiata a questa libreria per vedere cosa offre.
2) Node.js
So che molti sviluppatori sono stufi di sentir parlare Nodo tutto il tempo. Ma è davvero la libreria JS in più rapida crescita e offre molto più di un ambiente di sviluppo. Con NPM puoi gestire i pacchetti locali per tutti i tuoi progetti direttamente dalla riga di comando.
Ciò rende Node un toolkit di sviluppo completo che funziona bene con altri strumenti come Gulp. Più dozzine di progetti open source correlati sono stati costruiti su Node in modo da poter lavorare con i test unitari in Mocha.js o costruire un'interfaccia front-end con il Sails.js struttura.
Se non hai ancora provato Nodo, potresti rimanere sorpreso da quanto ti manca.
3) Riot.js
Il rendering del DOM virtuale e gli elementi personalizzati occupano la libreria React. È diventata rapidamente la scelta di tutti i professionisti che desiderano una potente libreria di interfaccia digitale per lo sviluppo front-end.
Ma Riot.js sta facendo una lotta solida offrendo una bella alternativa a React. Usando il framework Riot hai ancora accesso a un DOM virtuale ma è molto più facile da controllare con requisiti di sintassi più semplici. Sfortunatamente questa libreria non è grande come React e non è alimentata da Facebook, quindi non avrai l'enorme comunità. Ma è un'alternativa sana ed è un concorrente decente nello spazio front-end.
4) Create.js
Dall'animazione web ai media digitali puoi lavorare con tutto CreateJS . Questa non è una singola libreria, ma piuttosto una suite di librerie costruite per scopi diversi. Ad esempio, Easel.js funziona con elementi canvas HTML5 mentre Tweet.js ti aiuta a creare interpolazioni e animazioni personalizzate per il web.
Ogni libreria di questa raccolta ha uno scopo diverso e offre funzionalità moderne per tutti i principali browser. Ma la maggior parte di queste librerie aiuta con funzionalità specializzate, quindi sono utilizzate al meglio sui siti Web specializzati. Se sei curioso, dai un'occhiata al Creare il sito Web JS per vedere cosa offre.
5) Keystone.js
In precedenza ho menzionato Node.js e quante altre librerie sono state create su di esso. Keystone.js è un fantastico esempio che va oltre Node offrendo un motore CMS completo.
Con Keystone puoi costruire Applicazioni web MEAN alimentato da Node / Express e MongoDB sul backend. Keystone.js è completamente gratuito ma ancora molto nuovo. Al momento in cui scrivo è solo nella v0.3 quindi ha una lunga strada da percorrere per un uso professionale.
Ma se sei solleticato da un CMS JavaScript puro, dai un'occhiata a ciò che pensi.
6) Vue.js
Nel mondo dei framework front-end di solito trovi due scelte importanti: Angular e Ember. Ma Vue.js è un'altra scelta molto popolare e sta rapidamente guadagnando più attenzione dal suo versione 2.0 .
Vue è un framework JavaScript di frontend MVVM che si allontana dalla tipica architettura MVC. È difficile da imparare, ma la sintassi è semplice una volta capito come funziona. È certamente una scelta praticabile nella guerra dei quadri front-end, e vale la pena tenerla d'occhio nei prossimi anni.
7) Meteor
Puoi integrare qualsiasi piattaforma nel Struttura meteorica con risultati fantastici. Questo progetto open source aiuta gli sviluppatori a creare applicazioni basate su JS sia che si tratti di app di chat in tempo reale o community sociali o dashboard personalizzati.
C'è anche un framework di notizie sociali chiamato Telescopio costruito sopra Meteor. Ciò ti consente di creare da zero un sito di social news / social voting funzionante su Meteor e React.
Meteor è una bestia di una biblioteca con molte funzionalità, ma non è facile da imparare. Tuttavia è divertente e abile che gli sviluppatori JS possono costruire quasi qualsiasi cosa con questa piattaforma.
8) Chart.js
Con Chart.js puoi creare grafici a barre, grafici a linee, grafici a bolle e molte altre funzioni simili utilizzando JavaScript e l'API canvas. Questa è una delle librerie JS più semplici per la creazione di dati e include opzioni integrate per le animazioni.
Questa è una delle poche librerie che consiglio per i grafici di dati, perché è facile da configurare, facile da personalizzare e include alcuni dei migliori documentazione di qualsiasi progetto open source.
9) WebVR
Sembra che la realtà virtuale abbia preso d'assalto il mondo con nuove startup e sviluppatori entusiasti che lavorano instancabilmente su progetti di realtà virtuale. Ecco perché non sono stato sorpreso di trovare WebVR , una nuova API JavaScript creata per VR nel tuo browser.
Questo funziona sui dispositivi più popolari come Oculus Rift e Vive ma è attualmente in una fase di sviluppo. L'API è open source e costantemente testato rispetto ai browser moderni per valutare come funziona sui dispositivi VR.
Se sei curioso di saperne di più o di essere coinvolto nel progetto, dai un'occhiata al sito ufficiale o visitare il Pagina MozVR per maggiori informazioni.
10) Three.js
È assurdo vedere quanta animazione 3D sia cresciuta dagli anni '80 ad oggi. Conosciamo tutti i film animati in 3D, ma l'animazione web è ancora una nuova frontiera. E per fortuna abbiamo librerie come Three.js illuminando un percorso per l'animazione 3D sul web.
Sul sito principale troverai dozzine di esempi dal vivo di Three.js in azione. È possibile creare sfondi sensibili al movimento, grafica Web 3D personalizzata e elementi di interfaccia dinamici che utilizzano effetti di animazione 3D. Se hai abbastanza pazienza e guida puoi creare qualsiasi effetto 3D con questa libreria. È la migliore risorsa per il movimento 3D sul web e viene fornito con molti esempi per iniziare.
11) Omniscient.js
La programmazione funzionale con JavaScript non è una novità. Ma è abbastanza nuovo sul web ed è ora molto più comune con le librerie come Omniscient.js . Questa libreria open source gratuita gestisce le viste con un processo di rendering top-down per tutti i componenti front-end. Puoi scrivere codice JS funzionale da zero e lavorare con le librerie UI esistenti come React.
Raccomanderei specificamente questa libreria a tutti gli sviluppatori esperti che desiderano un processo di sviluppo più fluido. È un argomento complicato per i principianti, ma Onnisciente può cambiare radicalmente il flusso di lavoro dev quando viene utilizzato in coordinamento con i componenti React.
12) Ractive.js
Se stai cercando una libreria dell'interfaccia utente diversa da tutte le altre penso Ractive.js si adatta bene allo stampo Viene fornito con associazione bidirezionale per elementi modello e dati in modo da poter costruire modelli con elementi che si associano alle funzioni Ractive in JavaScript.
Questa è una libreria piuttosto densa ma offre una delle curve di apprendimento più fluide per i principianti. Non è dettagliato come React e utilizza una sintassi molto diversa in JS e HTML. Visitare il sito principale per saperne di più, e controlla il pagina degli esempi per vedere cosa è possibile con Ractive.
Tutte le librerie in questo post hanno qualcosa di unico da offrire alla comunità JS. Se ti piace armeggiare con JavaScript, dai un'occhiata a ogni libreria qui e guarda cosa possono offrire i tuoi progetti di sviluppo web.