HN Diumumkan: Gov.uk Vue, pustaka komponen Vue untuk sistem desain Gov.uk

Memulai GOV.UK Vue

Yang baru

• 2 September 2024: GOV.UK Vue v1.0.0 dirilis
  • Versi stabil pertama, sepenuhnya kompatibel dengan GOV.UK Frontend v5
  • Tiga komponen baru ditambahkan:
    • daftar tugas
    • input kata sandi
    • navigasi layanan

Memulai

• Panduan untuk memasang dan menggunakan GOV.UK Vue
• Dapat digunakan di aplikasi, terlepas dari apakah itu layanan pemerintah atau bukan

Komponen

• Berbagai komponen GOV.UK Design System tersedia, termasuk formulir, navigasi, panel, tabel, dan lainnya

Bantuan dan dukungan

• Panduan tentang cara mendapatkan bantuan untuk penggunaan GOV.UK Vue, melaporkan masalah, memberikan umpan balik, atau mengusulkan fitur baru

Tujuan proyek

• Menyediakan pengalaman pengembangan yang mulus dan kompatibilitas penuh dengan GOV.UK Frontend
• Menggunakan gaya GOV.UK Frontend yang tidak dimodifikasi demi konsistensi dengan layanan GOV.UK lainnya
• Menyediakan komponen Vue yang fleksibel dan tangguh
• Mengimplementasikan ulang JavaScript GOV.UK Frontend ke dalam kode Vue, termasuk semua fitur aksesibilitas

Pengenalan GOV.UK Vue

• Sumber daya komunitas untuk GOV.UK Design System
• Tim Design System tidak memberikan dukungan; jika membutuhkan bantuan atau ingin mengajukan permintaan fitur, hubungi Matt Eason secara langsung
• Jika proyek ini bermanfaat, dukungan dapat diberikan melalui Ko-fi atau GitHub Sponsors

Tautan dukungan

• GOV.UK Vue dapat dilihat di GitHub
• Didistribusikan di bawah lisensi MIT
• Hak cipta © Matt Eason

Ringkasan GN⁺

• GOV.UK Vue adalah proyek komunitas yang menyediakan komponen Vue untuk GOV.UK Design System
• Menawarkan fleksibilitas dan ketangguhan Vue sambil mempertahankan konsistensi dengan layanan pemerintah
• Memberikan kompatibilitas penuh, termasuk fitur aksesibilitas, sehingga berguna bagi para pengembang
• Proyek dengan fungsi serupa antara lain Vuetify dan Quasar

[GN⁺]

Komentar Hacker News

• Perubahan pemerintahan Inggris pada 2010 dan bagaimana hal itu membentuk ulang jejak digital menjadi inspirasi bagi gerakan data terbuka di Michigan

  • Membagikan tautan video yang menjelaskan perubahan tersebut oleh arsitek utama Inggris
  • Tidak dapat menemukan video O'Reilly, tetapi pengembangan terhenti karena perubahan pemerintahan
  • Tidak ada situs web pemerintah AS yang bisa menandingi kejelasan dan kesederhanaan milik Inggris

• Perlu diperjelas bahwa proyek ini bukan proyek gov.uk yang resmi

• Bahkan tanpa melihat URL-nya, terasa seperti sedang mengunjungi situs web gov.uk yang resmi

  • Sistem desainnya sangat bagus sehingga orang-orang tidak mempermasalahkan jika ada yang menirunya

• Proyek ini sangat nyaman digunakan dan tidak terasa padat secara visual

• Library komponen paling lengkap untuk Vue adalah PrimeVue

  • Juga menyediakan utilitas CSS dan ikon
  • Ada juga versi React, Angular, dan JSF
  • Akan menyenangkan jika ada lebih banyak library yang mendukung berbagai tech stack

• Penasaran apakah sikap GDS terhadap Javascript sudah melunak

  • Perlu dipastikan apakah progressive enhancement masih wajib
  • Juga penasaran apakah mereka menggunakan SSR untuk memberikan respons HTML pertama

• Pemerintah Prancis juga menyediakan sistem desain

  • Implementasi Vue juga dimungkinkan

• Saya menulis template pack Crispy Forms untuk situs Django

  • Ini akan sangat membantu dalam menangani persyaratan aksesibilitas

• Font di GOV.UK Vue berbeda dari font bawaan sistem desain GOV.UK

  • GOV.UK Vue berfokus pada komponen, bukan gaya
  • Font GDS Transport tidak tersedia untuk penggunaan publik

• Penasaran apakah ada materi yang membahas desain gov.uk yang sukses

  • Juga penasaran apakah ada seseorang yang mendapat gelar kebangsawanan karena hal ini

• Jarang merasa bangga terhadap pemerintah, tetapi tim digitalnya telah menunjukkan hasil yang luar biasa selama beberapa tahun