Uienne
Workbench pour le développement axé sur l'UI: un outil pour les développeurs et les concepteurs pour créer et documenter les sites et les applications Web.
Utile si vous voulez…
- Créer une bibliothèque de modèles vivants
- Documentez votre système de conception
- Prototype avec vos composants et modèles d'applications
- Utilisez le code comme une seule source de vérité
⚒ Comment ça marche?
À la base, l'UIEngine est un générateur de sites statique. Il peut être utilisé en mode autonome ou intégré dans votre processus de construction.
➡️ Entrée: vos composants, modèles, pages et documents de vos projets
⬅️ Sortie: un site statique qui peut être utilisé comme établi pour le développement et la documentation déployée
Il consomme les fichiers et la structure de votre projet et génère la documentation en fonction de cela. En mode développement, la sortie est régénérée sur le changement de fichier et synchronisée avec le navigateur. Cela vous fournit un environnement de développement pour créer les composants, prototypage et rédaction des documents.
? Caractéristiques principales
- Templage agnostique : divers moteurs de modèles sont intégrés via des adaptateurs. Cela vous donne une flexibilité de choix et l'option d'intégrer celles personnalisées. Il fonctionne avec tout ce qui peut être rendu via JavaScript, par exemple JSX, VUE, EJS, PUG / Jade, guidon.
- Environnement de prototypage : créez votre interface utilisateur sans avoir besoin d'une backend / API existante. Rendez vos modèles et composants avec des données simulées. Créez diverses variantes pour les pages en fournissant différentes données à vos vues.
- Approche des meilleures pratiques : l'outil vous guide vers les meilleures pratiques comme le modèle de dossier du composant, le flux de travail Modlet et en proposant une séparation des données et du modèle / composant.
- En synchronisation avec le produit final : les documents sont générés à partir du code utilisé dans votre application. Par conséquent, vous obtenez une bibliothèque de modèles de vie - pas une chose distincte qui doit être soignée régulièrement.
- INTERGATIONS FLEXIBLES : Les moteurs de modèles peuvent être configurés afin que vous puissiez l'adapter à vos besoins. Il en va de même pour l'analyse / rendu Markdown qui est également configurable.
- Couvre des projets verts et friandises : que vous commenciez avec une bibliothèque de motifs ou que vous souhaitiez faire passer votre processus et refactor votre interface utilisateur existante en composants modulaires, l'interface utilisateur vous a couvert.
Pour le processus d'évaluation, vous voudrez peut-être également consulter les alternatives.
? Condition préalable
UIEngine nécessite au moins Node.js 16.16 (suivi la dernière version active Node.js LTS). Cela garantit un niveau raisonnable de compatibilité vers l'arrière.
? Alternatives
Ok, l'UIEngine a l'air vraiment cool mais ce n'est pas tout à fait ce que vous recherchez? Ou vous souhaitez d'abord comparer quelques solutions pour voir laquelle est la bonne adaptation? Voici quelques autres projets que vous voudrez peut-être évaluer:
- Livre de contes
- Laboratoire de modèle
- Ou jetez un œil à la liste toujours croissante d'outils similaires.
? Développement
Vous aimez ce projet et êtes-vous intéressé à participer? Voir les documents de développement pour une introduction et des workflows lors du piratage sur l'UIEngine.
Contributeurs
Merci à ces gens merveilleux:
Jan Persiel ? | COS ANCA ? | Michael Geers
| Matteo Fogli
| Jonas Havers
| René Mäkeler
|
Ce projet suit les spécifications de tous les contributeurs. Contributions de toute nature bienvenue!
? ??