15 delle più interessanti librerie di componenti dell’interfaccia utente Vue per il 2020

15 delle più interessanti librerie di componenti dell’interfaccia utente Vue per il 2020

15 delle più interessanti librerie di componenti dell’interfaccia utente Vue per il 2020
СОДЕРЖАНИЕ
02 июня 2020

Interessanti librerie di componenti dell'interfaccia utente di Vue


"Perché preoccuparsi delle librerie dei componenti dell’interfaccia utente di Vue?" Bene, Vue o Vue.js, è una libreria JavaScript popolare che puoi utilizzare per creare applicazioni dinamiche sul front-end. Sin dai suoi umili inizi nel 2014, ha acquisito slancio negli ultimi due anni. Vue è emerso come il principale concorrente di Angular e React, e uno dei motivi della popolarità di Vue è l’ampio uso di componenti, che rendono lo sviluppo molto più facile da comprendere.

In questo post, copriamo alcune delle più interessanti librerie di componenti dell’interfaccia utente di Vue che dovresti esaminare per primo. Saranno sicuramente utili se hai un’applicazione Vue in lavorazione!

1. Vue Material Kit

kit materiale di vue

Vue Material Kit è un ottimo collegamento che è possibile utilizzare per accelerare il processo di progettazione / sviluppo durante la creazione di nuovi siti o app Web. È richiesta una conoscenza di base di JavaScript, Vuejs e Vue Router, ma a parte questo, il pacchetto è abbastanza facile da capire e bello.

Ci sono 60 componenti artigianali come parte del kit, due plugin personalizzati e tre pagine di esempio.

2. Vuetify

Home page di Vuetify

Vuetify è un framework su Vue, che ti consente creare componenti dell’interfaccia utente puliti, semantici e riutilizzabili. Funziona con Server Side Rendering (SSR) di Vue.

Ciò che rende Vuetify una scelta interessante tra le migliori librerie di componenti dell’interfaccia utente Vue è la disponibilità di impalcature pronte per il codice, sotto forma di modelli predefiniti di vue-cli. Questo ti aiuta a iniziare rapidamente. Vuetify ha anche una buona comunità e aggiornamenti regolari.

3. Buefy

Buefy

Buefy è una libreria di componenti dell’interfaccia utente leggera basata su Vue e Bulma, un framework CSS. Questo framework, sebbene in bundle con Bulma, è inferiore a 100 KB.

Se ti senti a tuo agio con SASS, ti sentirai come a casa Somiglianze di Buefy con SASS. Detto questo, mentre Buefy fornisce un elenco pronto di componenti da utilizzare per un’applicazione per principianti, potresti trovarlo insufficiente se lavori su un grande progetto.

4. Vue Material

Vue Material

Vue Material è una libreria scalabile progettata con le ultime specifiche di progettazione di Google. La libreria contiene componenti utili per facilitare il processo di creazione di shell di app complesse.

Con oltre 1,7 milioni di download, offre una libreria leggera per creare app che si adattano a tutti gli schermi. La libreria Vue Material è compatibile con i moderni browser Web e la sua API è adatta ai principianti, rendendola perfetta per la nostra lista 2020.

5. Fish-UI

UI dei pesci

Fish UI è un toolkit di libreria componenti Vue UI leggero, con supporto per webpack ed ES2015.

Al momento della stesura di questo progetto, questo progetto aveva solo cinque collaboratori. Tuttavia, c’è stato un po ‘di attività nell’ultimo mese, il che suggerisce che è ancora attivo. Puoi andare a la documentazione del progetto per provarlo!

6. Quasar

Quasar

Quasar è un framework front-end basato su Vue. Dovresti prenderlo in considerazione se prevedi di lavorare su applicazioni Web e mobili reattive. È un framework completo che supporta funzionalità come la minimizzazione e la memorizzazione nella cache, oltre ai componenti per il framework. A partire da maggio 2020, è finita 14.6k stelle su GitHub.

Quasar è forse la più estesa di tutte le librerie dei componenti dell’interfaccia utente Vue che abbiamo trattato qui. Ha una documentazione approfondita e un’implementazione solida e end-to-end.

7. Vux

Vux

Vux è un framework basato sul WeUhat e sul webpack di WeChat, oltre a Vue. Tuttavia, la documentazione è principalmente in cinese, con traduzione inglese minima. Vux sottolinea principalmente lo sviluppo rapido di componenti mobili per la tua applicazione.

Qui è una demo dal vivo di Vux, che elenca tutti i componenti e il loro rendering nel browser.

8. Elemento

Elemento

Element è una libreria di componenti dell’interfaccia utente per il Web che ha anche versioni per Reagire e Angolare, oltre a Vue. Questa libreria di componenti è specificamente focalizzata sulle applicazioni desktop, poiché i suoi componenti non rispondono.

Anche Element ha una significativa documentazione in cinese, sebbene siano fornite traduzioni in spagnolo e inglese. I parlanti di madrelingua cinese dovrebbero passare attraverso documentazione di internazionalizzazione prima di usare Element nei loro progetti.

9. Keen-UI

Documentazione KI UI

Keen-UI, a differenza della maggior parte delle altre librerie di componenti dell’interfaccia utente Vue presenti in questo articolo, si concentra sull’interattività tramite JavaScript piuttosto che sui componenti visivi. Keen-UI è ispirato Material Design di Google, e viene fornito con un’API di facile utilizzo.

L’interfaccia utente intuitiva non ribadisce la necessità di essere utilizzata in tutta l’applicazione e ha alcuni componenti utili che possono essere posizionati strategicamente ovunque necessario. Quindi, l’interfaccia utente Keen è una buona scelta quando si aggiungono funzionalità iterative a un’applicazione esistente.

10. AT-UI

AT-UI

AT-UI è ancora un’altra libreria di componenti dell’interfaccia utente di Vue focalizzata sulle applicazioni desktop.

AT-UI fornisce componenti UI piatti per le tue applicazioni web. Ci sono 14 collaboratori e non c’è molto supporto disponibile, sebbene ci sia un modello iniziale su GitHub puoi usare.

11. Menta-UI

Menta-UI

Mint UI è una libreria di componenti Vue UI leggera basata sul compilatore JavaScript Babel. Le dimensioni ridotte di questo pacchetto lo rendono adatto all’uso in applicazioni mobili. L’interfaccia utente di Mint fornisce un tema simile a iOS per i componenti dell’applicazione. Qui è una demo dei componenti dell’interfaccia utente di Mint.

L’interfaccia utente di Mint ha oltre 15k stelle su GitHub. Lo sviluppo del framework è ancora in corso, con nuovi impegni per la filiale principale a metà gennaio. Tuttavia, una rapida occhiata al tracker dei problemi su GitHub ti dirà che l’interfaccia utente di Mint si rivolge soprattutto agli sviluppatori cinesi.

12. VuePress

VuePress

VuePress è un generatore di siti statici basato su Vue. Questo framework utilizza il webpack per creare pagine HTML statiche pre-renderizzate (che ne dici di siti WordPress statici?), Il che rende l’elaborazione molto più veloce.

L’uso di VuePress apre molte possibilità per il tuo progetto automatizzare il processo di documentazione. È facile da integrare anche nella tua applicazione esistente. Tuttavia, un notevole svantaggio è che il supporto SEO è ancora nuovo, e il documentaiton non si concentra ancora su questo argomento.

13. Eagle.js

Eagle.js

Eagle.js è un framework in Vue che consente agli sviluppatori di creare una presentazione all’interno di un’applicazione Web. Ci sono molti temi, animazioni, widget e stili tra cui scegliere e personalizzare in Eagle.js.

Anche se Eagle.js fornisce un buon numero di esempi sul sito demo, documentazione è ancora minimo. L’alternativa ovvia a Eagle.js è Reveal.js, un framework JavaScript autonomo per presentazioni web. Tuttavia, Eagle.js supera il più grande difetto con Reveal.js: la rigidità della struttura della presentazione.

14. Bootstrap-Vue

Bootstrap-Vue

Bootstrap-Vue porta la potenza di Bootstrap, una libreria CSS ampiamente utilizzata, in Vue. Ti fornisce componenti dell’interfaccia utente prontamente disponibili e un sistema a griglia, inoltre tutto è mobile-first e reattivo. Inoltre, i componenti di questa libreria sono compatibili con le linee guida WAI-ARIA per l’accessibilità del web. Al passo con la filosofia di Bootstrap di creare rapidamente componenti dell’interfaccia utente, Bootstrap-Vue consente a uno sviluppatore di avviare rapidamente un progetto.

Il la documentazione è ampia e il supporto della comunità è forte, il che rende un’opzione sicura per qualcuno con cui iniziare un progetto.

15. UI di iView

iView-UI

l’interfaccia utente di iView è una libreria di Vue che fornisce componenti e widget dell’interfaccia utente, con particolare attenzione alla progettazione accurata. iView ha il suo strumento CLI (Command Line Interface), iView-cli, che fornisce uno strumento visivo per i ponteggi dei componenti e una versione offline della documentazione. Viene mantenuto attivamente, con aggiornamenti regolari risolvere bug e aggiungere funzionalità.

Se stai usando iView nel tuo progetto, ecco a kit di partenza, che ti aiuterà a iniziare con l’uso di base della libreria.

Quale libreria di componenti dell’interfaccia utente Vue scegliere?

Abbiamo elencato 15 librerie di componenti dell’interfaccia utente Vue qui che svolgono varie funzioni, ma qual è la migliore? Bene, la risposta, come al solito, è "dipende." Se vuoi una soluzione completa, potresti voler andare avanti e scegliere Quasar. D’altra parte, se stai cercando una soluzione plug-and-play per i tuoi progetti esistenti, potresti voler andare avanti con Vuetify o Keen-UI.

Quali librerie dei componenti dell’interfaccia utente Vue utilizzate nei vostri progetti? Fatecelo sapere nei vostri commenti qui sotto.

Potresti anche essere interessato a questi articoli:

  • I migliori modelli di dashboard di amministrazione angolare

Non dimenticare di partecipare al nostro corso intensivo per accelerare il tuo sito WordPress. Con alcune semplici correzioni, puoi ridurre i tempi di caricamento anche del 50-80%:

* Questo post contiene link di affiliazione, il che significa che se fai clic su uno dei link del prodotto e poi acquisti il ​​prodotto, riceveremo una piccola tassa. Non preoccuparti, pagherai comunque l’importo standard in modo che non ci siano costi da parte tua.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Это интересно
    Adblock
    detector