HN en abierto: Gov.uk Vue, una biblioteca de componentes Vue para el sistema de diseño de Gov.uk

Primeros pasos con GOV.UK Vue

Novedades

• 2 de septiembre de 2024: lanzamiento de GOV.UK Vue v1.0.0
  • Primera versión estable, totalmente compatible con GOV.UK Frontend v5
  • Se agregaron tres componentes nuevos:
    • Lista de tareas
    • Campo de contraseña
    • Navegación del servicio

Primeros pasos

• Guía sobre cómo instalar y usar GOV.UK Vue
• Puede usarse en aplicaciones independientemente de si son o no servicios gubernamentales

Componentes

• Se pueden usar varios componentes de GOV.UK Design System, como formularios, navegación, paneles y tablas

Ayuda y soporte

• Guía sobre cómo obtener ayuda para usar GOV.UK Vue, reportar problemas, enviar comentarios o proponer nuevas funciones

Objetivos del proyecto

• Ofrecer una experiencia de desarrollo fluida y compatibilidad total con GOV.UK Frontend
• Usar los estilos sin modificar de GOV.UK Frontend para mantener la consistencia con otros servicios de GOV.UK
• Proporcionar componentes Vue flexibles y robustos
• Reimplementar en código Vue el JavaScript de GOV.UK Frontend, incluidas todas las funciones de accesibilidad

Introducción a GOV.UK Vue

• Recurso comunitario de GOV.UK Design System
• El equipo de Design System no brinda soporte; si necesitas ayuda o quieres solicitar una función, contacta directamente a Matt Eason
• Si el proyecto te resulta útil, puedes apoyarlo a través de Ko-fi o GitHub Sponsors

Enlaces de soporte

• Puedes revisar GOV.UK Vue en GitHub
• Distribuido bajo la licencia MIT
• Copyright © Matt Eason

Resumen de GN⁺

• GOV.UK Vue es un proyecto comunitario que ofrece componentes Vue del GOV.UK Design System
• Ofrece la flexibilidad y solidez de Vue mientras mantiene la consistencia con los servicios gubernamentales
• Proporciona compatibilidad completa, incluidas funciones de accesibilidad, lo que lo hace útil para desarrolladores
• Proyectos con funciones similares incluyen Vuetify y Quasar

[GN⁺]

Comentarios de Hacker News

• El cambio de gobierno del Reino Unido en 2010, que reimaginó la huella digital, inspiró el movimiento de datos abiertos en Michigan

  • Se comparte un enlace a un video donde el arquitecto principal del Reino Unido explica el cambio
  • No pude encontrar el video de O'Reilly, pero el desarrollo se detuvo debido al cambio de gobierno
  • Ningún sitio web gubernamental de EE. UU. se compara con la claridad y simplicidad del Reino Unido

• Debería quedar claro que este proyecto no es un proyecto oficial de gov.uk

• Sin ver la URL, sentí que estaba visitando el sitio web oficial de gov.uk

  • El sistema de diseño es excelente, así que no me molesta que la gente lo copie

• Este proyecto es muy agradable de usar y no está visualmente saturado

• La biblioteca de componentes más completa para Vue es PrimeVue

  • También ofrece utilidades CSS e íconos
  • También tiene versiones para React, Angular y JSF
  • Ojalá hubiera más bibliotecas con soporte en distintos stacks tecnológicos

• Me pregunto si la postura de GDS sobre Javascript se ha flexibilizado

  • Habría que confirmar si la mejora progresiva sigue siendo obligatoria
  • También me pregunto si usan SSR para entregar la primera respuesta HTML

• El gobierno francés también ofrece un sistema de diseño

  • También es posible una implementación en Vue

• Escribí un template pack de Crispy Forms para sitios en Django

  • Será de gran ayuda para manejar los requisitos de accesibilidad

• La fuente de GOV.UK Vue es distinta de la fuente predeterminada del sistema de diseño de GOV.UK

  • GOV.UK Vue se enfoca en los componentes, no en los estilos
  • La fuente GDS Transport no está disponible para uso público

• Me pregunto si conocen materiales que hablen del diseño exitoso de gov.uk

  • También me pregunto si alguien recibió un título nobiliario por ello

• Rara vez uno se siente orgulloso del gobierno, pero el equipo digital ha hecho un trabajo excelente durante varios años