2020-nin Ən Maraqlı Vue UI Komponent Kitabxanalarından 15-i

Maraqlı Vue UI Komponent Kitabxanaları


"Niyə Vue UI komponent kitabxanaları ilə maraqlanırsınız?" Yaxşı, Vue və ya Vue.js, ön hissədə dinamik tətbiqlər yaratmaq üçün istifadə edə biləcəyiniz populyar JavaScript kitabxanasıdır. Təvazökarlığı 2014-cü ildə başladığından, son iki ildə sürət yığdı. Vue Angular və React əsas rəqibi olaraq ortaya çıxdı və Vue’nın populyarlığının səbəblərindən biri də genişdir komponentlərin istifadəsi, inkişafı başa düşməyi asanlaşdıran.

Bu yazıda, ən maraqlı Vue UI komponent kitabxanalarını əhatə edirik əvvəlcə baxmaq lazımdır. Əsərlərdə Vue tətbiqetməniz varsa, əlbəttə ki, lazımlı olacaqdır!

1. Vue material dəsti

vue material dəsti

Vue Material Kit yeni saytlar və ya veb tətbiqləri qurarkən dizayn / inkişaf prosesinizi sürətləndirmək üçün istifadə edə biləcəyiniz böyük bir qısa yol. JavaScript, Vuejs və Vue Router ilə bağlı əsas biliklər tələb olunur, lakin bunlardan başqa paketi başa düşmək çox asandır və gözəldir.

Dəstin bir hissəsi kimi 60 əl işi, iki xüsusi plagin və üç nümunə səhifəsi var.

2. Vətənləndirin

Ana Səhifə Vuite edin

Vuetify sizə imkan verən Vue üzərindəki bir çərçivədir təmiz, semantik, təkrar istifadə olunan UI komponentləri yaradın. Vue-nin Server Side Rendering (SSR) ilə işləyir.

Ən yaxşı Vue UI komponent kitabxanaları arasında Vuetify’i maraqlı bir seçim edən şey, əvvəlcədən hazırlanmış vue-şablon şəklində kod üçün hazır iskala hazırlığının olmasıdır. Bu tez başlamağa kömək edir. Vuetify həm də yaxşı bir icma və müntəzəm yeniləmələrə malikdir.

3. Buefy

Buefy

Buefy Vue və əsaslı yüngül bir UI komponent kitabxanasıdır Bulma, bir CSS çərçivəsində. Bulma ilə birləşdirilmiş bu çərçivə, 100 KB-dən azdır.

SASS-dan rahat olsanız, evdə özünüzü rahat hiss edəcəksiniz Buefy’nin SASS ilə oxşarlıqları. Buefy, bir başlanğıc tətbiqi üçün istifadə ediləcək komponentlərin hazır bir siyahısını təqdim etdiyinə baxmayaraq, böyük bir layihə üzərində işləsəniz bunun qeyri-kafi olduğunu görə bilərsiniz..

4. Vue materialı

Vue materialı

Vue Material Google’ın ən son dizayn xüsusiyyətləri ilə hazırlanan genişlənən bir kitabxanadır. Kitabxanada var faydalı komponentlər mürəkkəb tətbiq olunan qabıqların hazırlanması prosesini asanlaşdırmaq.

1.7M-dən çox yükləmə ilə, hər ekrana uyğun tətbiqlər qurmaq üçün yüngül bir kitabxana təqdim edir. Vue Material kitabxanası müasir veb brauzerlərə uyğundur və API yeni başlayanlar üçün əlverişlidir, onu 2020 siyahısına mükəmməl edir.

5. Balıq-UI

Balıq UI

Balıq UI, veb paket və ES2015 dəstəyi ilə yüngül bir Vue UI komponent kitabxana vasitəsidir.

Yazı zamanı bu layihənin yalnız beş iştirakçısı var idi. Ancaq son bir ay ərzində hələ də aktiv olduğunu göstərən bir sıra fəaliyyət var. Başa düşə bilərsiniz layihənin sənədləri sınamaq üçün!

6. Quasar

Quasar

Quasar, Vue-a əsaslanan ön bir çərçivədir. Həssas veb və mobil tətbiqetmələrdə işləməyi planlaşdırırsınızsa, bunu nəzərə almalısınız. Çərçivəniz üçün komponentlərə əlavə olaraq minifikasiya və önbelleme kimi xüsusiyyətləri dəstəkləyən tam hüquqlu bir çərçivədir. 2020-ci ilin may ayına kimi bitdi GitHub-da 14.6k ulduz.

Quasar bəlkə də burada əhatə etdiyimiz bütün Vue UI komponent kitabxanalarının ən genişidir. Dərin sənədləşdirmə və möhkəm, sona qədər həyata keçirməyə malikdir.

7. Vux

Vux

Vux WeChat-ın WeUI və veb səhifəsinə, Vue-un üstündəki bir çərçivədir. Lakin sənədlər əsasən Çin dilindədir, minimal ingilis dilində tərcüməsi ilə. Vux, ilk növbədə tətbiqiniz üçün mobil komponentlərin sürətli inkişafını vurğulayır.

Budur canlı bir demo brauzerdə bütün komponentləri və onların göstərilməsini sadalayan Vux.

8. Element

Element

Element də versiyaları olan veb üçün UI komponent kitabxanasıdır Reaksiya verin və Bucaqlı, əlavə olaraq Vue. Bu komponent kitabxanası, masaüstü tətbiqlərə xüsusi diqqət yetirir, çünki onun komponentləri cavab vermir.

İspan və İngilis tərcümələri təmin edilsə də, elementin Çin dilində əhəmiyyətli sənədləri var. Yerli olmayan Çin dilləri də keçməlidir beynəlxalq sənədləşdirmə Elementləri layihələrində istifadə etməzdən əvvəl.

9. Keen-UI

Keen UI sənədləri

Keen-UI, bu yazıda göstərilən digər Vue UI komponent kitabxanalarından fərqli olaraq, vizual komponentlərdən daha çox JavaScript vasitəsilə interaktivliyə diqqət yetirir. Keen-UI ilhamlanır Google-ın material dizaynı, və istifadə üçün asan bir API ilə gəlir.

Keen UI, tətbiqinizdə istifadə edilməyiniz lazım olduğunu təkrarlamır və lazımlı yerdə strateji olaraq yerləşdirilə bilən bir neçə faydalı komponentə malikdir. Beləliklə, Keen UI mövcud bir tətbiqə iterativ xüsusiyyətlər əlavə edərkən yaxşı bir seçimdir.

10. AT-UI

AT-UI

AT-UI, masaüstü tətbiqlərə diqqət yetirən başqa bir Vue UI komponent kitabxanasıdır.

AT-UI, veb tətbiqləriniz üçün düz UI komponentləri təmin edir. 14 iştirakçı var və mövcud olsa da çox dəstək yoxdur bir başlanğıc şablonu istifadə edə biləcəyiniz GitHub-da.

11. Nanə-UI

Nanə-UI

Mint UI, Babel JavaScript tərtibçisinə əsaslanan yüngül bir Vue UI komponent kitabxanasıdır. Bu paketin kiçik ölçüsü onu mobil tətbiqlərdə istifadə üçün əlverişli hala gətirir. Mint UI, tətbiqinizin komponentləri üçün bir iOS kimi bir mövzu təmin edir. Budur bir demo Mint UI komponentlərindən.

Mint UI-də 15 kq-dan çox ulduz var GitHub-da. Çərçivə üzərində inkişaf hələ də sürətlə davam edir, yanvar ayının ortalarında usta şöbəsinə yeni tapşırıqlar verilir. Bununla birlikdə, GitHub-dakı məsələ izləyicisinə qısa bir nəzər salmaq, Mint UI-nin Çin tərtibatçılarına ən çox müraciət etdiyini söyləyəcək.

12. VuePress

VuePress

VuePress, Vue-a əsaslanan statik bir sayt generatorudur. Bu çərçivə, əvvəlcədən göstərilən statik HTML səhifələrini (statik WordPress saytları haqqında necə?) Yaratmaq üçün veb səhifədən istifadə edir, bu da emalın daha sürətli olmasını təmin edir..

VuePress-in istifadəsi layihəniz üçün bir çox imkanlar açır sənədləşmə prosesinizin avtomatlaşdırılması. Mövcud tətbiqinizə də inteqrasiya etmək asandır. Ancaq əhəmiyyətli bir çatışmazlıq, SEO dəstəyinin hələ də yeni olmasıdır sənəd sənədidir hələ bu mövzuya diqqət yetirmir.

13. Qartal.js

Qartal.js

Eagle.js, inkişaf etdiricilərini yaratmağa imkan verən Vue-da bir çərçivədir bir veb tətbiqi daxilində slayd şousu. Eagle.js-də seçmək və özelleştirmek üçün bir çox mövzu, animasiya, vidjet və üslub var.

Eagle.js demo saytında çox sayda nümunə təqdim etsə də, sənədlər hələ minimaldır. Eagle.js-a açıq alternativdir Aşkar et.js, veb slayd şou üçün bağımsız bir JavaScript çərçivəsi. Bununla birlikdə, Eagle.js Reveal.js ilə ən böyük qüsuru – slayd şou quruluşu sərtliyini aradan qaldırır.

14. Çəkmə-Vue

Çəkmə-Vue

Bootstrap-Vue, geniş istifadə olunan CSS kitabxanası olan Bootstrapın gücünü Vue-a gətirir. Sizə asanlıqla mövcud olan UI komponentləri və bir şəbəkə sistemi ilə təmin edir, üstəlik hər şey mobil və cavabdehdir. Əlavə olaraq, bu kitabxananın komponentləri veb əlçatanlığı üçün WAI-ARIA qaydalarına uyğundur. Bootstrap’ın sürətli bir şəkildə UI komponentlərini yaratmaq fəlsəfəsinə uyğun olaraq, Bootstrap-Vue bir inkişaf etdiriciyə tez bir layihəyə başlamağa imkan verir.

The sənədləri genişdir və icma dəstəyi güclüdür ki, bu da birinin layihə başlaması üçün təhlükəsiz bir seçim edir.

15. iView UI

iView-UI

iView UI, səliqəli dizayna diqqət yetirərək, UI komponentlərini və widgetlarını təmin edən bir kitabxanadır. iView öz əmr satırı interfeysi (CLI) alətinə malikdir, iView-cli, komponent iskala üçün vizual bir vasitə və sənədlərin oflayn versiyasını təmin edir. Bu, fəal şəkildə saxlanılır müntəzəm yeniləmələr səhvləri həll etmək və xüsusiyyətləri əlavə etmək.

Layihənizdə iView istifadə edirsinizsə, burada bir başlanğıc dəsti, kitabxananın əsas istifadəsi ilə başlamağa kömək edəcəkdir.

Seçmək üçün hansı Vue UI komponent kitabxanası?

Burada müxtəlif funksiyaları yerinə yetirən 15 Vue UI komponent kitabxanasını sadaladıq, amma ən yaxşısı nədir? Yaxşı, cavab, hər zamanki kimi "asılıdır." Tam bir həll istəsən, qabağa getmək və seçim etmək istəyə bilər Quasar. Digər tərəfdən, mövcud layihələriniz üçün bir plug-and-play həllini axtarırsınızsa, irəliləməyi davam etdirə bilərsiniz Vətənləndirin və ya Keen-UI.

Layihələrinizdə hansı Vue UI komponent kitabxanalarından istifadə edirsiniz? Aşağıdakı şərhlərdə bizə bildirin.

Bu yazılarla da maraqlana bilərsiniz:

  • Ən yaxşı bucaqlı idarəetmə paneli şablonları

WordPress saytınızı sürətləndirmək üçün qəza kursumuza qoşulmağı unutmayın. Bəzi sadə düzəlişlərlə yükləmə müddətinizi hətta 50-80% azalda bilərsiniz:

* Bu yazıda filial əlaqələri var, yəni məhsul əlaqələrindən birini vurub məhsulu satın alsanız, kiçik bir ödəniş alacağımızı bildirir. Narahat olmayın, yenə də standart məbləği ödəyəcəksiniz, buna görə sizin tərəfinizdə heç bir xərc yoxdur.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map