visual react editor

Unterhilfe

Einführung

Unterhilfe der Unterhöhlen in einer neuen Art der Webentwicklung, bei der React -Anwendungen visuell bearbeitet werden können, ähnlich wie in Figma oder ähnlichen Design -Tools. Unser Tool ermöglicht es Designern und Entwicklern, die Benutzeroberflächenelemente ihrer Anwendung in einem visuellen Redakteur direkt zu manipulieren und die Komfort der Designsoftware mit dem robusten Rahmen von React zu verschmelzen.

Merkmale

• Visuelle Bearbeitung in einer Figma-ähnlichen Umgebung in Ihrer React-App.
• Ein CLI -Tool zum Servieren eines Proxy -Servers für Live -Code -Updates.
• Entwickelt für den Einsatz in einer Entwicklungsumgebung, um die Sicherheit zu gewährleisten.

Installation

Führen Sie den folgenden Befehl in Ihrem Projektverzeichnis aus:

npm install underhive

Aufstellen

Importieren Sie Unterheuter in Ihrer Haupt -React -Datei:

 import { attachEditor , detachEditor } from 'underhive' ;

Verwenden Sie attachEditor , um die visuelle Bearbeitungsumgebung zu aktivieren:

 if ( process . env . NODE_ENV === 'development' ) {
  attachEditor ( ) ;
}

Rufen Sie detachEditor auf, um den visuellen Editor zu deaktivieren:

 detachEditor ( ) ;

Stellen Sie sicher, dass diese Funktionen innerhalb einer Entwicklungsumgebungsprüfung verwendet werden.

Verwendung

Initialisieren Sie Unterhilfe in Ihrem Projekt mit:

npx ucli init

Dadurch wird Unterhantel eingerichtet und Ihr package.json so geändert, dass der Befehl Unterheime Server concurrently verwendet wird. Dies stellt sicher, dass Ihr vorhandenes Startskript und der Unterhilfserver gleichzeitig ausgeführt werden.

Um Ihr Projekt mit Unterhilfe zu beginnen, verwenden Sie:

npm start

Tribut

Dieses Projekt wäre ohne die ursprünglichen Bemühungen der Macher von ProjectVisBug nicht möglich.

Sterngeschichte