visual react editor

Недостаточно

Введение

Несовершенство в новом способе веб -разработки, где приложения React можно отредактировать визуально, сродни работе в фигме или аналогичных инструментах проектирования. Наш инструмент позволяет дизайнерам и разработчикам непосредственно манипулировать элементами пользовательского интерфейса своего приложения в визуальном редакторе, объединяя удобство программного обеспечения для дизайна с надежной структурой React.

Функции

• Визуальное редактирование в фигма-подобной среде в вашем приложении React.
• Инструмент CLI для обслуживания прокси -сервера для обновлений кода в прямом эфире.
• Разработано для использования в среде разработки для обеспечения безопасности.

Установка

Чтобы установить недостаточно, запустите следующую команду в каталоге проекта:

npm install underhive

Настраивать

Импорт недооценивает в вашем основном файле React:

 import { attachEditor , detachEditor } from 'underhive' ;

Используйте attachEditor , чтобы включить среду редактирования визуального редактирования:

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

detachEditor , чтобы отключить визуальный редактор:

 detachEditor ( ) ;

Убедитесь, что эти функции используются в рамках проверки среды разработки.

Использование

Инициализируйте недостаточно

npx ucli init

Это concurrently недооценство и изменит ваш package.json . Это гарантирует, что ваш существующий сценарий начала и сервер underhive будет работать одновременно.

Чтобы начать свой проект с Nearhive, используйте:

npm start

Дань

Этот проект был бы невозможным без первоначальных усилий создателей ProjectVisbug.

Звездная история