Gardenjs: Die schnelle Alternative zu Storybook

Gardenjs unterstützt bei der Entwicklung und Dokumentation von UI Komponenten und ist eine interessante Alternative zu Storybook - besonders für diejenigen, die eine leichtgewichtigere und schnellere Option suchen.

Was ist Gardenjs?

Gardenjs ist ein Open Source Tool zur Entwicklung und Dokumentation von UI Komponenten. Es ermöglicht Entwicklern, Komponenten isoliert zu entwickeln und verschiedene Zustände visuell zu testen. Dies verbessert die Entwicklungsproduktivität und fördert die Wiederverwendbarkeit von Code.

Gardenjs unterstützt verschiedene JavaScript Frameworks wie Svelte, Vue und React und bietet eine benutzerfreundliche Oberfläche.

Gardenjs ist Open Source unter der MIT Lizenz verfügbar.

Schnell & einfach

Mit einfacher Projektinitialisierung ist Gardenjs sofort einsatzbereit. Durch einfache Handhabung lassen sich Komponenten schnell erstellen und verwalten. Alles in Gardenjs ist auf Geschwindigkeit optimiert.

Live-Preview

Bei der Entwicklung und Anpassung werden Komponenten ohne Verzögerung in Echtzeit angezeigt.

Komponentenübersicht

Einfaches Organisieren und Verwalten aller UI Komponenten zentral an einem Ort.

Dokumentation

Jeder Komponente können kurze Notizen oder eine umfassende Dokumentation hinzugefügt werden. Das ganze Team ist so stets auf dem aktuellen Stand.

Kompatibilität

Es stehen aktuell Renderer Plugins bereit für Svelte, Vue und React. Plugins für weitere JS Frameworks können einfach erstellt werden (siehe Doku).

Multiframework-Kompatibilität

Es können - im Gegensatz zu Storybook - auch mehrere JS Frameworks in einem Projekt verwendet werden.

Examples

Examples ermöglichen die Betrachtung verschiedener Zustände und Variationen von UI Komponenten. Das erleichtert die Kommunikation im Team und mit Stakeholdern.

Decorators

Komponenten können um Decorators erweitern und angepasst werden - um in Gardenjs zusätzliche Features und Verhaltensweisen hinzuzufügen - ohne den eigentlichen Code der Komponente zu verändern. Dies sichert eine saubere Codebasis.

Hooks

Gardenjs unterstützt die Verwendung von Hooks, die eine flexible und leistungsstarke Möglichkeit bieten, Zustands- und Effektlogik in Ihre Komponenten zu integrieren.

Und jetzt gehts los!

Erleben Sie selbst, wie Gardenjs Ihre Entwicklungsprozesse beschleunigt und die Arbeit mit UI-Komponenten vereinfacht.

Besuchen Sie unsere Website mit Dokumentation und die Demo.

 

Feedback und Unterstützung

Wir freuen uns über Ihr Feedback, damit wir Gardenjs kontinuierlich verbessern können. Ihre Anregungen und Ideen sind uns wichtig.

Melden Sie Bugs auf GitHub, unterstützen Sie uns bei der Weiterentwicklung oder erstellen Sie eigene Plugins und Features. Wir setzen auf Wunsch auch gerne neue Features um.

Vielen Dank!

Kontaktieren Sie uns Wir freuen uns auf Sie.

Foto Robin Danzinger

Robin Danzinger

Gardenjs & Plugin Entwicklung

r.danzinger@rabbitdevelopment.com

Martin Farkas

Martin Farkas

UX/UI, Website mit Doku & Demo

m.farkas@rabbitdevelopment.com