visual react editor

Subsidio

Introducción

La subvención de la subsidio acelera en una nueva forma de desarrollo web, donde las aplicaciones React se pueden editar visualmente, similar a trabajar dentro de la figma o herramientas de diseño similares. Nuestra herramienta permite a los diseñadores y desarrolladores manipular directamente los elementos de interfaz de usuario de su aplicación en un editor visual, fusionando la conveniencia del software de diseño con el sólido marco de React.

Características

• Edición visual en un entorno similar a la figma dentro de su aplicación React.
• Una herramienta CLI para servir a un servidor proxy para actualizaciones de código en vivo.
• Diseñado para su uso en un entorno de desarrollo para garantizar la seguridad.

Instalación

Para instalar Underhive, ejecute el siguiente comando en su directorio de proyecto:

npm install underhive

Configuración

Importar subshive en su archivo React principal:

 import { attachEditor , detachEditor } from 'underhive' ;

Utilice attachEditor para habilitar el entorno de edición visual:

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

Invoca detachEditor para deshabilitar el editor visual:

 detachEditor ( ) ;

Asegúrese de que estas funciones se usen dentro de una verificación de entorno de desarrollo.

Uso

Inicialice la subvención en su proyecto con:

npx ucli init

Esto configurará la subvención y modificará su package.json . JSON para incluir el comando de servidor de subvenciones utilizando concurrently . Esto asegura que su script de inicio existente y el servidor de subshivo se ejecutarán simultáneamente.

Para comenzar su proyecto con la subshimiento, use:

npm start

Homenaje

Este proyecto no sería posible sin los esfuerzos originales de los creadores de ProjectVisbug.

Historia de la estrella