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.

Effective Microservices Architecture In Node.js

by Tamar Stern (Palto Alto Networks)

React Components And How To Style Them

by Jemima Abu (Telesoftas)

Intensiv, nachhaltig & praxisbezogen: Alle Hintergründe zu Building-Blocks in Angular

mit Manfred Steyer (Freiberufler)

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.