UiEngine
Banco de trabajo para el desarrollo impulsado por la interfaz de usuario: una herramienta para que los desarrolladores y diseñadores creen y documenten sitios web y aplicaciones.
Útil si quieres ...
- Crear una biblioteca de patrones vivos
- Documente su sistema de diseño
- Prototipo con los componentes y plantillas de sus aplicaciones
- Use el código como una sola fuente de verdad
⚒ ¿Cómo funciona?
En esencia, el UiEngine es un generador de sitios estáticos. Se puede usar en modo independiente o integrarse en su proceso de compilación.
➡️ Entrada: sus proyectos componentes, plantillas, páginas y documentación
⬅️ Salida: un sitio estático que puede usarse como un banco de trabajo para el desarrollo y la documentación implementada
Consume los archivos y la estructura de su proyecto y genera la documentación basada en esto. En modo de desarrollo, la salida se regenera en el cambio de archivo y se sincroniza con el navegador. Esto le proporciona un entorno de desarrollo para crear los componentes, la creación de prototipos y la redacción de los documentos.
? Características principales
- Plantilla Agnóstica : varios motores de plantilla se integran a través de adaptadores. Esto le brinda flexibilidad de elección y la opción de integrar las personalizadas. Funciona con lo que se pueda representar a través de JavaScript, por ejemplo, JSX, Vue, EJS, Pug/Jade, Manillars.
- Entorno de prototipos : construya su interfaz de usuario sin la necesidad de un backend/API existente. Renderiza tus plantillas y componentes con datos simulados. Cree varias variantes para páginas proporcionando diferentes datos a sus puntos de vista.
- Enfoque de mejores prácticas : la herramienta lo guía hacia las mejores prácticas como el patrón de carpeta de componentes, el flujo de trabajo del modlet y proponiendo una separación de datos y plantilla/componente.
- En sincronización con el producto final : los documentos se generan a partir del código que se utiliza en su aplicación. Por lo tanto, obtienes una biblioteca de patrones de vida, no es una cosa separada que deba cuidar regularmente.
- Integraciones flexibles : los motores de plantilla se pueden configurar para que pueda ajustarlo a sus necesidades. Lo mismo ocurre con el análisis/representación de Markdown que también es configurable.
- Cubre proyectos de campo verde y brownfield : ya sea que comience con una biblioteca de patrones o desea hacer la transición de su proceso y refactorizar su interfaz de usuario existente en componentes modulares, el UiEngine lo tiene cubierto.
Para el proceso de evaluación, es posible que también desee echar un vistazo a las alternativas.
? Requisitos previos
UiEngine requiere al menos nodo.js 16.16 (rastrear la última versión activa de node.js lts). Esto garantiza un nivel razonable de compatibilidad hacia atrás.
? Alternativas
Ok, ¿el UiEngine se ve realmente genial, pero no es lo que estás buscando? ¿O primero desea comparar algunas soluciones para ver cuál es el adecuado? Aquí hay otros proyectos que es posible que desee evaluar:
- Libro de cuentos
- Laboratorio de patrones
- O eche un vistazo a la lista cada vez mayor de herramientas similares.
? Desarrollo
¿Te gusta este proyecto y estás interesado en participar? Vea los documentos de desarrollo para una introducción y flujos de trabajo cuando piratee el UiEngine.
Colaboradores
Gracias a estas maravillosas personas:
Jan Persiel ? | Cosga ? | Michael Geers
| Matteo Fogli
| Jonas Havers
| René Mäkeler
|
Este proyecto sigue la especificación de todos los contribuyentes. ¡Contribuciones de cualquier tipo bienvenido!
? ??