Neue Tools für die JavaScript Library

React View erschienen: Dokumentationen effektiver erstellen
Keine Kommentare

Mit React View sollen Dokumentationen interaktiver und einfacher gestaltet werden können. Die Library benutzt Basis-Webkomponenten und besitzt sowohl einen Playground als auch einen Codegenerator. Ziel ist es, Anwender, Entwickler und Designer enger miteinander zu vernetzen.

React View wurde vorgestellt. Das von den Programmierern aus dem Hause Uber entwickelte Toolset soll ermöglichen, Dokumentationen auf React-Basis zeitsparend und interaktiv zu erstellen. Die Library nutzt neben den Standard-Webkomponenten auch Tools wie Babel und Prettier. Sie ist Teil der baseweb.design-Dokumentation und wurde nun als Open-Source-Bibliothek veröffentlicht.

React View – Das kann die neue Library

Im Kern der Library befinden sich drei grundlegende Funktionen: eine Komponentenvorschau, Knobs, welche interaktiv Button Properties darstellen, und ein Quellcode-Editor. Alle drei reagieren synchron zueinander, es kann also z. B. der Quellcode bearbeitet werden, um Knobs zu verändern. Darüberhinaus besitzt React View einen eigenen Playground.

International JavaScript Conference

Effective Microservices Architecture In Node.js

by Tamar Stern (Palto Alto Networks)

React Components And How To Style Them

by Jemima Abu (Telesoftas)

Angular Camp 2020

Als Online- oder Präsenztraining!

Das 360°-Intensivtraining mit Angular-Koryphäe Manfred Steyer
Präsentiert von Entwickler Akademie

Neben der Schnellstart-Variante des Playgrounds, bei der keine weiteren Anpassungen vorgenommen werden müssen, kann dieser auch individuell angelegt werden. Dafür muss useView-Hook importiert und mit Komponentenkonfigurationen ausgestattet werden. Da React View die einzelnen UI-Teilstücke separat exportiert, können nach Wunsch auch nur einzelne Teile der UI verändert werden, ohne dass die gesamte Benutzeroberfläche betroffen ist. Ebenfalls verfügbar ist das Feature für die Live-Codebearbeitung. Hier wird nur der editierbare Quellcode inklusive Live-Vorschau angezeigt, während die Liste der Properties ausgeblendet wird. Dank Babel können außerdem weitere Presets hinzugefügt und TypeScript aktiviert werden.

Alle Informationen zu React View findet sich auf dem offiziellen Blog sowie auf GitHub.

Unsere Redaktion empfiehlt:

Relevante Beiträge

Hinterlasse einen Kommentar

Hinterlasse den ersten Kommentar!

avatar
400
  Subscribe  
Benachrichtige mich zu:
X
- Gib Deinen Standort ein -
- or -