visual react editor

تحت

مقدمة

يسيطر على المستهلكين بطريقة جديدة لتطوير الويب ، حيث يمكن تحرير تطبيقات React بصريًا ، أقرب إلى العمل داخل Figma أو أدوات التصميم المماثلة. تتيح أدائنا للمصممين والمطورين معالجة عناصر واجهة المستخدم الخاصة بتطبيقهم مباشرة في محرر مرئي ، مما يدمج برامج التصميم مع إطار React القوي.

سمات

• التحرير المرئي في بيئة تشبه Figma داخل تطبيق React الخاص بك.
• أداة CLI لخدمة خادم وكيل لتحديثات التعليمات البرمجية المباشرة.
• مصمم للاستخدام في بيئة التنمية لضمان السلامة.

تثبيت

لتثبيت UnderHive ، قم بتشغيل الأمر التالي في دليل المشروع الخاص بك:

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 الخاصة بك. هذا يضمن أن برنامج START الخاص بك الحالي وسيتم تشغيل خادم Indledhive في وقت واحد.

لبدء مشروعك مع Indide ، استخدم:

npm start

تحية

لن يكون هذا المشروع ممكنًا دون الجهود الأصلية التي بذلها منشئي ProjectVisBug.

تاريخ النجوم