visual react editor

Sous-vide

Introduction

Underhive uphers dans une nouvelle manière de développement Web, où les applications React peuvent être modifiées visuellement, semblables au travail au sein de la FIGMA ou des outils de conception similaires. Notre outil permet aux concepteurs et aux développeurs de manipuler directement les éléments d'interface utilisateur de leur application dans un éditeur visuel, fusionnant la commodité du logiciel de conception avec le cadre robuste de React.

Caractéristiques

• Édition visuelle dans un environnement de type FIGMA dans votre application React.
• Un outil CLI pour servir un serveur proxy pour les mises à jour de code en direct.
• Conçu pour une utilisation dans un environnement de développement pour assurer la sécurité.

Installation

Pour installer Underhive, exécutez la commande suivante dans votre répertoire de projet:

npm install underhive

Installation

Importer Underhive dans votre fichier de réact principal:

 import { attachEditor , detachEditor } from 'underhive' ;

Utilisez attachEditor pour activer l'environnement d'édition visuelle:

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

Invoquez detachEditor pour désactiver l'éditeur visuel:

 detachEditor ( ) ;

Assurez-vous que ces fonctions sont utilisées dans une vérification d'environnement de développement.

Usage

Initialiser sous-effectivement dans votre projet avec:

npx ucli init

Cela mettra en place un sous-plan et modifiera votre package.json pour inclure la commande de serveur Underhive en utilisant concurrently . Cela garantit que votre script de démarrage existant et le serveur Underhive s'exécuteront simultanément.

Pour démarrer votre projet avec Underhive, utilisez:

npm start

Hommage

Ce projet ne serait pas possible sans les efforts originaux des créateurs de ProjectVisbug.

Histoire des étoiles