2021 için 15 en ilginç Vue kullanıcı arayüzü bileşeni
“Neden Vue UI bileşeninin kütüphanesiyle uğraşıyorsunuz?” Vue veya Vue.js, ön uçta dinamik uygulamalar oluşturmak için kullanabileceğiniz popüler bir JavaScript kütüphanesidir. Progressive JavaScript çerçevesi olan Vue, Angular ve React’in ana rakibi olarak ortaya çıktı ve Vue’nun popülaritesinin nedenlerinden biri, gelişimi daha kolay anlaşılmasını sağlayan geniş bileşenlerin kullanımıdır.
Bu yazıda, önce görmeniz gereken en ilginç Vue kullanıcı arayüzü bileşen kütüphanelerinden bazılarını tartışıyoruz. Üzerinde çalışılan bir VUE uygulamanız varsa kesinlikle yararlı olacaktır!
Yeni başlayan Not: Vue bileşeni nedir?
@Vuejs #ui #Component Kütüphanesi 2021 için en ilginç olanı
Tweet için tıklayın
1. Vue Malzeme Kiti Vue Malzeme Kiti, yeni bir web sitesi veya uygulama oluştururken tasarım/geliştirme sürecinizi hızlandırmak için kullanabileceğiniz harika bir kısayoldur. JavaScript, Vuejs ve Vue yönlendiricisinin temel bilgisi gereklidir, ancak bunun yanı sıra paketin anlaşılması oldukça kolay ve güzeldir. Kitin bir parçası olarak 60 el yapımı bileşen, iki ayarlanmış eklenti ve üç örnek sayfası vardır.
Yukarı git
2. Vuetifikasyon Vuetify, temiz, semantik ve yeniden kullanılabilen UI bileşenleri yapmanızı sağlayan bir VUE çerçevesidir. Sunucu tarafı oluşturma (SSR) VUE ile çalışır.
Vuetify’i en iyi Vue UI bileşen kütüphaneleri arasında ilginç bir seçim yapan şey, kod için hazır iskele, hazır bir şablon biçiminde kullanılabilirliğidir. Bu hızlı bir şekilde başlamanıza yardımcı olur. Vuetify ayrıca iyi bir topluluğa ve rutin güncellemelere sahiptir.
Yukarı git
3. BUREFY Buefy, Vue ve Bulma, CSS çerçevesine dayanan hafif bir UI bileşen kütüphanesidir. Bu çerçeve, Bulma ile paketlenmiş olsa da, 100 kb’den azdır. Sass ile rahatsanız, Buefy’nin Sass ile benzerliği ile evinizde hissedeceksiniz. Bununla birlikte, Buefy acemi uygulamalar için kullanılmak üzere bitmiş bileşenlerin bir listesini sağlarken, büyük projeler üzerinde çalışıyorsanız yetersiz hissedebilirsiniz.
4. Vue Malzemeleri
Vue materyali, en son Google tasarım özellikleriyle tasarlanmış ölçeklenebilir bir kitaplıktır. Kütüphane, karmaşık uygulama kabukları yapma sürecini kolaylaştırmak için yararlı olan bileşenler içerir. 1,7 milyondan fazla indirme ile, her ekrana uygun uygulamalar oluşturmak için hafif bir kütüphane sunuyor. Kütüphane Vue materyali modern web tarayıcılarıyla uyumludur ve API’si yeni başlayanlar için dosttur ve 2020 listemiz için mükemmeldir. Yukarı git
5. Balık-ui
Fish UI, webpacks ve ES2015’i destekleyen hafif bir Vue kullanıcı arayüzü bileşeni kütüphanesi araç setidir. Yazma sırasında, bu projenin sadece beş katkıda bulunması var. Bununla birlikte, geçen ay hala aktif olduğunu gösteren birkaç faaliyet var. Denemek için proje belgesine gidebilirsiniz!
Yukarı git
6. Quasar
Quasar, Vue’ya dayanan ön uç çerçevedir. Duyarlı web ve hücresel uygulamalar üzerinde çalışmayı planlıyorsanız düşünmelisiniz. Bu, çalışma çerçeveniz için bileşenlerin yanı sıra minifikasyon ve önbellekleme gibi özellikleri destekleyen eksiksiz bir çerçevedir. Mayıs 2020’de Github’da 14.6 binden fazla yıldızı vardı. Quasar, muhtemelen burada tartıştığımız tüm UI Vue bileşen kütüphanelerinin en kapsamlı olanıdır. Bunun derin bir belgeye ve ucun güçlü sonu uygulanması vardır.
7. Vux
Vux, WeChat’in Weui ve Webpack’ine dayanan bir Vue çerçevesidir. Bununla birlikte, belgeler çoğunlukla Çince, minimum İngilizce çevirilerle. VUX esas olarak uygulamanız için hücresel bileşenlerin hızlı gelişimini vurgular. Aşağıda, tarayıcıda tüm bileşenleri ve oluşturmayı içeren VUX’un doğrudan bir gösterisidir.
Yukarı git 8. Eleman
Element, Web için Vue’nun yanı sıra React ve Angular için bir sürüme sahip bir UI bileşen kitaplığıdır. Bu bileşen kütüphanesi özellikle masaüstü uygulamalarına odaklanmıştır, çünkü bileşenler duyarlı değildir.
İspanyolca ve İngilizce çeviriler sağlanmasına rağmen, unsurların Çin’de de önemli belgeleri vardır. Yerli olmayan Mandarin konuşmacıları, projelerindeki unsurları kullanmadan önce uluslararasılaşma belgelerinden geçmelidir. Yukarı git
9. Keen-UI
Keen-UI, bu makalede görüntülenen diğer VUE UI bileşen kütüphanelerinin aksine, görsel bileşenler yerine JavaScript yoluyla etkileşime odaklanır. Keen-UI, Google Materyal Tasarımından esinlenmiştir ve kullanımı kolay bir yangınla donatılmıştır.
Keen kullanıcı arayüzü, tüm uygulamalarınızda kullanılma ihtiyacını tekrarlamaz ve ihtiyaç duyulan yere stratejik olarak yerleştirilebilen birkaç yararlı bileşene sahiptir. Bu nedenle, mevcut uygulamalara yinelemeli özellikler eklerken Keen kullanıcı arayüzü iyi bir seçimdir. Yukarı git
Mint kullanıcı arayüzü GitHub’da 15K’dan fazla yıldız var. Çerçevenin gelişimi hala sorunsuz bir şekilde devam ediyor ve Ocak ayının ortalarında ana şubeye yeni bir taahhütle. Bununla birlikte, GitHub’daki problem izleyicinin bir bakış, UI Mint’in en Çinli geliştiricilere hizmet ettiğini söyleyecektir.
Yukarı git 12. Vuepress
Vuepress, Vue’ye dayanan statik bir site üretecidir. Bu Vue çerçevesi, daha önce oluşturulan statik bir HTML sayfası oluşturmak için WebPack’i kullanır (WordPress statik sitesi ne olacak?), Bu işlemi daha hızlı hale getirir. Vuepress kullanımı, projeniz için dokümantasyon sürecinizi otomatikleştirmek gibi birçok olasılık açar. Mevcut uygulamanıza entegre edilmesi çok kolay. Bununla birlikte, önemli bir zayıflık, SEO desteğinin hala yeni olması ve belgelerinin bu konuya odaklanmadığıdır.
Yukarı git
13. Eagle.js Eagle.js, Vue’da geliştiricilerin web uygulamalarında slayt şovları yapmalarını sağlayan bir çerçevedir. Eagle.js arasından seçim yapabileceğiniz ve ayarlanacak birçok tema, animasyon, widget ve stil vardır. Eagle.js demo sitesinde birçok örnek verse de, belgeler hala minimaldir. Eagle.js için açık bir alternatif, web slayt şovları için bağımsız bir JavaScript çerçevesi olan Reveal.js’dir. Bununla birlikte, Eagle.js, Reveal.js ile en büyük zayıflığın üstesinden gelir – slaytın yapısının sertliği.
14. Bootstrap-Vue
Bootstrap-Vue, yaygın olarak kullanılan Bootstrap, CSS kütüphanesinin gücünü VUE’ye getirir. Bu size mevcut kullanıcı arayüzü bileşenlerini ve ızgara sistemlerini, artı tüm mobil yakıtlı ve duyarlı verir. Ayrıca, kütüphane bileşeni Web erişilebilirliği için Wai-Hayyan yönergeleriyle uyumludur. Bootstrap felsefesinin ardından UI bileşenlerini hızlı bir şekilde yapmak için Bootstrap-Vue, geliştiricilerin projeyi hızlı bir şekilde başlatmasına olanak tanır. Belgeler geniş ve topluluğun desteği güçlü, bu da birisinin projeye başlaması için güvenli bir seçim haline getiriyor.
Yukarı git
15. IVIEW UI Iview kullanıcı arayüzü, düzgün bir tasarıma odaklanarak UI bileşenleri ve widget’ları sağlayan bir kütüphane. Iview, bileşen iskelesi ve çevrimdışı belgeler sürümleri için görsel araçlar sağlayan kendi komut satırı arayüzüne (CLI), Iview-Cli’ye sahiptir. Bu, hataları bozan ve özellikler ekleyen rutin güncellemelerle aktif olarak korunur. Projenizde IVIEW kullanıyorsanız, temel kütüphaneyi kullanmaya başlamanıza yardımcı olacak bir başlangıç kiti.
Yukarı git
Vue bileşeni nedir? Vue’daki bir bileşen, kelimenin tam anlamıyla, uygulamadaki bir varlığı ifade eder. Her bileşen, kendi benzersiz görünümü ve davranışı ile uygulamanın bir parçası olabilir. Bileşen, VUE uygulamasının her yönünün mantıksal olarak ayrılmasına izin verir. Bu, kodun yeniden kullanılmasına yardımcı olur. Vue bileşeni ayrıca projeler ve ekipler arasında paylaşım yardımcı olur ve geliştirme sürecini daha verimli hale getirir. Bu yazı, popülerlik ve kullanım açısından en iyi VUE bileşenlerini içerir.
Hangi Vue kullanıcı arayüzü bileşen kütüphanesi seçilmelidir? Burada çeşitli işlevler gerçekleştiren 15 VUE UI bileşeni kütüphanesi kaydettik, ancak hangisi en iyisi? Cevap, her zamanki gibi “bağlıdır”. Tam bir çözüm istiyorsanız, devam etmek ve Quasar’ı seçmek isteyebilirsiniz. Öte yandan, mevcut projeniz için bir fiş ve oyna çözümü arıyorsanız, Vuetify veya Keen-UI ile devam etmek isteyebilirsiniz. Projenizde hangi Vue kullanıcı arayüzü bileşen kitaplığı kullanıyorsunuz? Aşağıdaki yorumlarınızda bize söyleyin. 15 kütüphane @vuejs #ui #2021 için en ilginç bileşenler
Tweet için tıklayın
Bu makaleyle de ilgilenebilirsiniz:
Acemi geliştiriciler için vue.js öğreticisi
En İyi Yönetici Gösterge Tablosu Şablonu
En İyi Laravel Yönetici Şablonu
WordPress sitenizi hızlandırmak için Lightning kursumuza katılmayı unutmayın. Bazı basit iyileştirmelerle, yükleme süresini%50-80’e düşürebilirsiniz:
Bu yazıda, önce görmeniz gereken en ilginç Vue kullanıcı arayüzü bileşen kütüphanelerinden bazılarını tartışıyoruz. Üzerinde çalışılan bir VUE uygulamanız varsa kesinlikle yararlı olacaktır!
Yeni başlayan Not: Vue bileşeni nedir?
@Vuejs #ui #Component Kütüphanesi 2021 için en ilginç olanı
Tweet için tıklayın
1. Vue Malzeme Kiti Vue Malzeme Kiti, yeni bir web sitesi veya uygulama oluştururken tasarım/geliştirme sürecinizi hızlandırmak için kullanabileceğiniz harika bir kısayoldur. JavaScript, Vuejs ve Vue yönlendiricisinin temel bilgisi gereklidir, ancak bunun yanı sıra paketin anlaşılması oldukça kolay ve güzeldir. Kitin bir parçası olarak 60 el yapımı bileşen, iki ayarlanmış eklenti ve üç örnek sayfası vardır.
Yukarı git
2. Vuetifikasyon Vuetify, temiz, semantik ve yeniden kullanılabilen UI bileşenleri yapmanızı sağlayan bir VUE çerçevesidir. Sunucu tarafı oluşturma (SSR) VUE ile çalışır.
Vuetify’i en iyi Vue UI bileşen kütüphaneleri arasında ilginç bir seçim yapan şey, kod için hazır iskele, hazır bir şablon biçiminde kullanılabilirliğidir. Bu hızlı bir şekilde başlamanıza yardımcı olur. Vuetify ayrıca iyi bir topluluğa ve rutin güncellemelere sahiptir.
Yukarı git
3. BUREFY Buefy, Vue ve Bulma, CSS çerçevesine dayanan hafif bir UI bileşen kütüphanesidir. Bu çerçeve, Bulma ile paketlenmiş olsa da, 100 kb’den azdır. Sass ile rahatsanız, Buefy’nin Sass ile benzerliği ile evinizde hissedeceksiniz. Bununla birlikte, Buefy acemi uygulamalar için kullanılmak üzere bitmiş bileşenlerin bir listesini sağlarken, büyük projeler üzerinde çalışıyorsanız yetersiz hissedebilirsiniz.
4. Vue Malzemeleri
Vue materyali, en son Google tasarım özellikleriyle tasarlanmış ölçeklenebilir bir kitaplıktır. Kütüphane, karmaşık uygulama kabukları yapma sürecini kolaylaştırmak için yararlı olan bileşenler içerir. 1,7 milyondan fazla indirme ile, her ekrana uygun uygulamalar oluşturmak için hafif bir kütüphane sunuyor. Kütüphane Vue materyali modern web tarayıcılarıyla uyumludur ve API’si yeni başlayanlar için dosttur ve 2020 listemiz için mükemmeldir. Yukarı git
5. Balık-ui
Fish UI, webpacks ve ES2015’i destekleyen hafif bir Vue kullanıcı arayüzü bileşeni kütüphanesi araç setidir. Yazma sırasında, bu projenin sadece beş katkıda bulunması var. Bununla birlikte, geçen ay hala aktif olduğunu gösteren birkaç faaliyet var. Denemek için proje belgesine gidebilirsiniz!
Yukarı git
6. Quasar
Quasar, Vue’ya dayanan ön uç çerçevedir. Duyarlı web ve hücresel uygulamalar üzerinde çalışmayı planlıyorsanız düşünmelisiniz. Bu, çalışma çerçeveniz için bileşenlerin yanı sıra minifikasyon ve önbellekleme gibi özellikleri destekleyen eksiksiz bir çerçevedir. Mayıs 2020’de Github’da 14.6 binden fazla yıldızı vardı. Quasar, muhtemelen burada tartıştığımız tüm UI Vue bileşen kütüphanelerinin en kapsamlı olanıdır. Bunun derin bir belgeye ve ucun güçlü sonu uygulanması vardır.
7. Vux
Vux, WeChat’in Weui ve Webpack’ine dayanan bir Vue çerçevesidir. Bununla birlikte, belgeler çoğunlukla Çince, minimum İngilizce çevirilerle. VUX esas olarak uygulamanız için hücresel bileşenlerin hızlı gelişimini vurgular. Aşağıda, tarayıcıda tüm bileşenleri ve oluşturmayı içeren VUX’un doğrudan bir gösterisidir.
Yukarı git 8. Eleman
Element, Web için Vue’nun yanı sıra React ve Angular için bir sürüme sahip bir UI bileşen kitaplığıdır. Bu bileşen kütüphanesi özellikle masaüstü uygulamalarına odaklanmıştır, çünkü bileşenler duyarlı değildir.
İspanyolca ve İngilizce çeviriler sağlanmasına rağmen, unsurların Çin’de de önemli belgeleri vardır. Yerli olmayan Mandarin konuşmacıları, projelerindeki unsurları kullanmadan önce uluslararasılaşma belgelerinden geçmelidir. Yukarı git
9. Keen-UI
Keen-UI, bu makalede görüntülenen diğer VUE UI bileşen kütüphanelerinin aksine, görsel bileşenler yerine JavaScript yoluyla etkileşime odaklanır. Keen-UI, Google Materyal Tasarımından esinlenmiştir ve kullanımı kolay bir yangınla donatılmıştır.
Keen kullanıcı arayüzü, tüm uygulamalarınızda kullanılma ihtiyacını tekrarlamaz ve ihtiyaç duyulan yere stratejik olarak yerleştirilebilen birkaç yararlı bileşene sahiptir. Bu nedenle, mevcut uygulamalara yinelemeli özellikler eklerken Keen kullanıcı arayüzü iyi bir seçimdir. Yukarı git
10. AT-UI
AT-UI, masaüstü uygulamalarına odaklanan başka bir Vue kullanıcı arayüzü bileşen kütüphanesidir. AT-UI, web uygulamanız için düz bir kullanıcı arayüzü bileşeni sağlar. 14 katkıda bulunanlar var ve GitHub’da kullanabileceğiniz bir başlangıç şablonu olmasına rağmen çok fazla destek mevcut değil.
11. Mint-ui
Mint kullanıcı arayüzü GitHub’da 15K’dan fazla yıldız var. Çerçevenin gelişimi hala sorunsuz bir şekilde devam ediyor ve Ocak ayının ortalarında ana şubeye yeni bir taahhütle. Bununla birlikte, GitHub’daki problem izleyicinin bir bakış, UI Mint’in en Çinli geliştiricilere hizmet ettiğini söyleyecektir.
Yukarı git 12. Vuepress
Vuepress, Vue’ye dayanan statik bir site üretecidir. Bu Vue çerçevesi, daha önce oluşturulan statik bir HTML sayfası oluşturmak için WebPack’i kullanır (WordPress statik sitesi ne olacak?), Bu işlemi daha hızlı hale getirir. Vuepress kullanımı, projeniz için dokümantasyon sürecinizi otomatikleştirmek gibi birçok olasılık açar. Mevcut uygulamanıza entegre edilmesi çok kolay. Bununla birlikte, önemli bir zayıflık, SEO desteğinin hala yeni olması ve belgelerinin bu konuya odaklanmadığıdır.
Yukarı git
13. Eagle.js Eagle.js, Vue’da geliştiricilerin web uygulamalarında slayt şovları yapmalarını sağlayan bir çerçevedir. Eagle.js arasından seçim yapabileceğiniz ve ayarlanacak birçok tema, animasyon, widget ve stil vardır. Eagle.js demo sitesinde birçok örnek verse de, belgeler hala minimaldir. Eagle.js için açık bir alternatif, web slayt şovları için bağımsız bir JavaScript çerçevesi olan Reveal.js’dir. Bununla birlikte, Eagle.js, Reveal.js ile en büyük zayıflığın üstesinden gelir – slaytın yapısının sertliği.
14. Bootstrap-Vue
Bootstrap-Vue, yaygın olarak kullanılan Bootstrap, CSS kütüphanesinin gücünü VUE’ye getirir. Bu size mevcut kullanıcı arayüzü bileşenlerini ve ızgara sistemlerini, artı tüm mobil yakıtlı ve duyarlı verir. Ayrıca, kütüphane bileşeni Web erişilebilirliği için Wai-Hayyan yönergeleriyle uyumludur. Bootstrap felsefesinin ardından UI bileşenlerini hızlı bir şekilde yapmak için Bootstrap-Vue, geliştiricilerin projeyi hızlı bir şekilde başlatmasına olanak tanır. Belgeler geniş ve topluluğun desteği güçlü, bu da birisinin projeye başlaması için güvenli bir seçim haline getiriyor.
Yukarı git
15. IVIEW UI Iview kullanıcı arayüzü, düzgün bir tasarıma odaklanarak UI bileşenleri ve widget’ları sağlayan bir kütüphane. Iview, bileşen iskelesi ve çevrimdışı belgeler sürümleri için görsel araçlar sağlayan kendi komut satırı arayüzüne (CLI), Iview-Cli’ye sahiptir. Bu, hataları bozan ve özellikler ekleyen rutin güncellemelerle aktif olarak korunur. Projenizde IVIEW kullanıyorsanız, temel kütüphaneyi kullanmaya başlamanıza yardımcı olacak bir başlangıç kiti.
Yukarı git
Vue bileşeni nedir? Vue’daki bir bileşen, kelimenin tam anlamıyla, uygulamadaki bir varlığı ifade eder. Her bileşen, kendi benzersiz görünümü ve davranışı ile uygulamanın bir parçası olabilir. Bileşen, VUE uygulamasının her yönünün mantıksal olarak ayrılmasına izin verir. Bu, kodun yeniden kullanılmasına yardımcı olur. Vue bileşeni ayrıca projeler ve ekipler arasında paylaşım yardımcı olur ve geliştirme sürecini daha verimli hale getirir. Bu yazı, popülerlik ve kullanım açısından en iyi VUE bileşenlerini içerir.
Hangi Vue kullanıcı arayüzü bileşen kütüphanesi seçilmelidir? Burada çeşitli işlevler gerçekleştiren 15 VUE UI bileşeni kütüphanesi kaydettik, ancak hangisi en iyisi? Cevap, her zamanki gibi “bağlıdır”. Tam bir çözüm istiyorsanız, devam etmek ve Quasar’ı seçmek isteyebilirsiniz. Öte yandan, mevcut projeniz için bir fiş ve oyna çözümü arıyorsanız, Vuetify veya Keen-UI ile devam etmek isteyebilirsiniz. Projenizde hangi Vue kullanıcı arayüzü bileşen kitaplığı kullanıyorsunuz? Aşağıdaki yorumlarınızda bize söyleyin. 15 kütüphane @vuejs #ui #2021 için en ilginç bileşenler
Tweet için tıklayın
Bu makaleyle de ilgilenebilirsiniz:
Acemi geliştiriciler için vue.js öğreticisi
En İyi Yönetici Gösterge Tablosu Şablonu
En İyi Laravel Yönetici Şablonu
WordPress sitenizi hızlandırmak için Lightning kursumuza katılmayı unutmayın. Bazı basit iyileştirmelerle, yükleme süresini%50-80’e düşürebilirsiniz:
