HN giới thiệu: Gov.uk Vue, thư viện component Vue cho hệ thống thiết kế Gov.uk

 (govukvue.org)
2 điểm bởi GN⁺ 2024-09-04 | 1 bình luận | Chia sẻ qua WhatsApp

Bắt đầu với GOV.UK Vue

Tin mới

  • Ngày 2 tháng 9 năm 2024: phát hành GOV.UK Vue v1.0.0
    • Phiên bản ổn định đầu tiên, hoàn toàn tương thích với GOV.UK Frontend v5
    • Bổ sung ba component mới:
      • danh sách công việc
      • nhập mật khẩu
      • điều hướng dịch vụ

Bắt đầu

  • Hướng dẫn cách cài đặt và sử dụng GOV.UK Vue
  • Có thể dùng trong ứng dụng ngay cả khi không phải là dịch vụ của chính phủ

Component

  • Có thể sử dụng nhiều component của GOV.UK Design System như biểu mẫu, điều hướng, bảng điều khiển và bảng biểu

Trợ giúp và hỗ trợ

  • Hướng dẫn cách nhận trợ giúp về việc sử dụng GOV.UK Vue, báo cáo vấn đề, gửi phản hồi hoặc đề xuất tính năng mới

Mục tiêu dự án

  • Cung cấp trải nghiệm phát triển mượt mà và khả năng tương thích hoàn toàn với GOV.UK Frontend
  • Sử dụng các style GOV.UK Frontend không chỉnh sửa để đảm bảo tính nhất quán với các dịch vụ GOV.UK khác
  • Cung cấp các component Vue linh hoạt và vững chắc
  • Tái hiện JavaScript của GOV.UK Frontend bằng mã Vue, bao gồm mọi tính năng trợ năng

Giới thiệu về GOV.UK Vue

  • Tài nguyên cộng đồng của GOV.UK Design System
  • Không được đội ngũ Design System hỗ trợ; nếu cần trợ giúp hoặc muốn yêu cầu tính năng, hãy liên hệ trực tiếp với Matt Eason
  • Nếu thấy dự án hữu ích, có thể ủng hộ qua Ko-fi hoặc GitHub Sponsors

Liên kết hỗ trợ

  • Có thể xem GOV.UK Vue trên GitHub
  • Phân phối theo giấy phép MIT
  • Bản quyền © Matt Eason

Tóm tắt của GN⁺

  • GOV.UK Vue là một dự án cộng đồng cung cấp các component Vue cho GOV.UK Design System
  • Duy trì tính nhất quán với các dịch vụ chính phủ đồng thời mang lại sự linh hoạt và vững chắc của Vue
  • Cung cấp khả năng tương thích đầy đủ, bao gồm các tính năng trợ năng, nên rất hữu ích cho nhà phát triển
  • Các dự án có chức năng tương tự gồm có Vuetify và Quasar

Bài viết liên quan

1 bình luận

 
GN⁺ 2024-09-04
Ý kiến trên Hacker News

  • Ví dụ về việc tái hình dung dấu chân số sau thay đổi chính phủ ở Anh năm 2010 đã truyền cảm hứng cho phong trào dữ liệu mở ở Michigan

    • Chia sẻ liên kết video trong đó kiến trúc sư trưởng của Anh giải thích về sự thay đổi
    • Không tìm thấy video của O'Reilly, nhưng việc phát triển đã bị dừng do thay đổi trong chính phủ
    • Không có website chính phủ nào ở Mỹ sánh được với sự rõ ràng và đơn giản của Anh

  • Cần làm rõ rằng dự án này không phải là dự án gov.uk chính thức

  • Dù không nhìn URL, vẫn có cảm giác như đang truy cập website gov.uk chính thức

    • Hệ thống thiết kế quá tốt nên không thấy vấn đề gì khi mọi người sao chép nó

  • Dự án này rất dễ dùng và không rối mắt về mặt thị giác

  • Thư viện component đầy đủ nhất cho Vue là PrimeVue

    • Cũng cung cấp CSS utility và icon
    • Cũng có phiên bản React, Angular và JSF
    • Mong có thêm nhiều thư viện hỗ trợ trên nhiều tech stack khác nhau

  • Tò mò liệu lập trường của GDS với Javascript đã bớt cứng rắn hơn chưa

    • Cần xác nhận liệu progressive enhancement còn là bắt buộc hay không
    • Cũng tò mò liệu có dùng SSR để cung cấp phản hồi HTML đầu tiên hay không

  • Chính phủ Pháp cũng cung cấp một hệ thống thiết kế

    • Cũng có thể triển khai bằng Vue

  • Đã viết một gói template Crispy Forms cho các site Django

    • Nó sẽ rất hữu ích trong việc xử lý các yêu cầu về khả năng truy cập

  • Phông chữ của GOV.UK Vue khác với phông chữ mặc định của hệ thống thiết kế GOV.UK

    • GOV.UK Vue tập trung vào component chứ không phải style
    • Phông chữ GDS Transport không được phép sử dụng công khai

  • Tò mò liệu có ai biết tài liệu nào bàn về thiết kế thành công của gov.uk không

    • Cũng tò mò liệu có ai đã được phong tước vì điều này hay chưa

  • Hiếm khi cảm thấy tự hào về chính phủ, nhưng đội ngũ digital đã làm rất tốt trong nhiều năm