HN’de öne çıktı: Gov.uk tasarım sistemi için Vue bileşen kütüphanesi, Gov.uk Vue

GOV.UK Vue ile Başlarken

Yenilikler

• 2 Eylül 2024: GOV.UK Vue v1.0.0 yayınlandı
  • İlk kararlı sürüm ve GOV.UK Frontend v5 ile tamamen uyumlu
  • Üç yeni bileşen eklendi:
    • görev listesi
    • parola girişi
    • hizmet gezintisi

Başlarken

• GOV.UK Vue’nun nasıl kurulacağı ve kullanılacağına dair rehber
• Devlet hizmeti olup olmamasına bakılmaksızın uygulamalarda kullanılabilir

Bileşenler

• Formlar, gezinti, paneller, tablolar ve daha fazlası dahil çeşitli GOV.UK Design System bileşenleri kullanılabilir

Yardım ve destek

• GOV.UK Vue kullanımıyla ilgili yardım alma, sorun bildirme, geri bildirim paylaşma veya yeni özellik önerme yolları anlatılıyor

Proje hedefleri

• Sorunsuz bir geliştirme deneyimi ve GOV.UK Frontend ile tam uyumluluk sağlamak
• Diğer GOV.UK hizmetleriyle tutarlılık için değiştirilmemiş GOV.UK Frontend stillerini kullanmak
• Esnek ve sağlam Vue bileşenleri sunmak
• Tüm erişilebilirlik özellikleri dahil olmak üzere GOV.UK Frontend JavaScript’ini Vue kodu olarak yeniden uygulamak

GOV.UK Vue hakkında

• GOV.UK Design System için topluluk kaynağı
• Design System ekibi tarafından desteklenmiyor; yardım veya özellik talebi için doğrudan Matt Eason ile iletişime geçilmesi isteniyor
• Proje faydalıysa Ko-fi veya GitHub Sponsors üzerinden desteklenebilir

Destek bağlantıları

• GOV.UK Vue GitHub üzerinde incelenebilir
• MIT lisansı altında dağıtılıyor
• Telif hakkı © Matt Eason

GN⁺ özeti

• GOV.UK Vue, GOV.UK Design System için Vue bileşenleri sunan bir topluluk projesi
• Devlet hizmetleriyle tutarlılığı korurken Vue’nun esnekliğini ve sağlamlığını sunuyor
• Erişilebilirlik özellikleri dahil tam uyumluluk sağlayarak geliştiriciler için faydalı oluyor
• Benzer işlevlere sahip projeler arasında Vuetify ve Quasar yer alıyor

[GN⁺]

Hacker News yorumu

• Birleşik Krallık'ta 2010'daki hükümet değişiminin dijital varlığı yeniden tasarlama örneği, Michigan'daki açık veri hareketine ilham verdi

  • Birleşik Krallık'ın baş mimarının değişimi anlattığı bir video bağlantısı paylaşıldı
  • O'Reilly videosu bulunamadı, ancak hükümet değişikliği nedeniyle geliştirme durduruldu
  • ABD'deki hiçbir devlet web sitesi, Birleşik Krallık'ın netliği ve sadeliğiyle kıyaslanamaz

• Bu projenin resmî bir gov.uk projesi olmadığının açıkça belirtilmesi gerekiyor

• URL'ye bakmadan resmî bir gov.uk web sitesini ziyaret ediyormuş gibi hissettirdi

  • Tasarım sistemi o kadar iyi ki insanların bunu kopyalamasını sorun etmiyorum

• Bu proje kullanımı çok kolay ve görsel olarak karmaşık değil

• Vue için en kapsamlı bileşen kütüphanesi PrimeVue

  • CSS yardımcıları ve ikonlar da sağlıyor
  • React, Angular ve JSF sürümleri de var
  • Farklı teknoloji yığınlarında destek sunan daha fazla kütüphane olmasını isterdim

• GDS'nin JavaScript konusundaki tutumunun yumuşayıp yumuşamadığını merak ediyorum

  • Kademeli iyileştirmenin zorunlu olup olmadığını doğrulamak gerekiyor
  • İlk HTML yanıtını vermek için SSR kullanıp kullanmadıklarını da merak ediyorum

• Fransa hükümeti de bir tasarım sistemi sunuyor

  • Vue uygulaması da mümkün

• Django siteleri için bir Crispy Forms şablon paketi yazdım

  • Erişilebilirlik gereksinimlerini ele almada çok yardımcı olacaktır

• GOV.UK Vue'nun yazı tipi, varsayılan GOV.UK tasarım sistemi yazı tipinden farklı

  • GOV.UK Vue, stillerden ziyade bileşenlere odaklanıyor
  • GDS Transport yazı tipi herkese açık olarak kullanılamıyor

• gov.uk'nin başarılı tasarımı hakkında tartışan kaynaklar bilen var mı diye merak ediyorum

  • Bunun sonucunda şövalyelik unvanı alan biri olup olmadığını da merak ediyorum

• Hükümetle gurur duymak nadirdir, ama dijital ekip birkaç yıldır harika işler çıkarıyor