Redoc UI-Components

Biblioteca de componentes para aplicaciones web de Redoc

El objetivo principal de crear los diversos componentes fue permitir su uso tanto en la aplicación web de Redoc como en la aplicación de Redocflow. Esto facilita el mantenimiento para los desarrolladores, mejora la usabilidad y acelera el proceso de desarrollo.

Cliente

Redoc.mx

Tecnologías

Svelte Pico CSS

Fecha

Septiembre 2023

Imagen del componente Layout en modo móvil añadido a la aplicación web de Redoc.
Imagen del componente Layout en modo móvil añadido a la aplicación web de Redoc.
Imagen del componente Layout en modo móvil añadido a la aplicación web de Redoc.

Los diversos componentes fueron desarrollados con un enfoque en cumplir con los estándares de accesibilidad, rendimiento web y diseño responsivo. Al utilizar herramientas como Pico CSS, se logró una mayor coherencia en el diseño a través de las aplicaciones web. Estos componentes fueron creados para proporcionar diversas funcionalidades, como filtrado de estilos, diseño de la estructura de la aplicación, selección de colores, uso de modales y más. Esto permitió un desarrollo eficiente de aplicaciones web y permitió la separación de la lógica de servicio de los componentes reutilizables, proporcionando un mejor control en diferentes proyectos.

Imágenes de los componentes Card y Layout en modo claro y oscuro en la aplicación web de Redoc.
Imágenes de los componentes Card y Layout en modo claro y oscuro en la aplicación web de Redoc.
Imágenes de los componentes Card y Layout en modo claro y oscuro en la aplicación web de Redoc.
Imágenes del componente Modal, Tabla y otros componentes en la aplicación web de Redoc.
Imágenes del componente Modal, Tabla y otros componentes en la aplicación web de Redoc.
Imágenes del componente Modal, Tabla y otros componentes en la aplicación web de Redoc.

Cada componente fue documentado en Markdown, detallando sus propiedades, callbacks y métodos de uso. Esto permitió a los desarrolladores comprender rápidamente cómo implementar los componentes.