visual react editor

Underhive

Perkenalan

Underhive Ushers dengan cara baru pengembangan web, di mana aplikasi bereaksi dapat diedit secara visual, mirip dengan bekerja dalam FIGMA atau alat desain serupa. Alat kami memungkinkan desainer dan pengembang untuk secara langsung memanipulasi elemen UI aplikasi mereka dalam editor visual, menggabungkan kenyamanan perangkat lunak desain dengan kerangka reaksi yang kuat.

Fitur

• Pengeditan visual dalam lingkungan seperti Figma dalam aplikasi React Anda.
• Alat CLI untuk melayani server proxy untuk pembaruan kode langsung.
• Dirancang untuk digunakan di lingkungan pengembangan untuk memastikan keamanan.

Instalasi

Untuk menginstal undehive, jalankan perintah berikut di direktori proyek Anda:

npm install underhive

Pengaturan

Impor Underhive dalam file reaksi utama Anda:

 import { attachEditor , detachEditor } from 'underhive' ;

Gunakan attachEditor untuk mengaktifkan lingkungan pengeditan visual:

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

Invoke detachEditor untuk menonaktifkan editor visual:

 detachEditor ( ) ;

Pastikan fungsi -fungsi ini digunakan dalam pemeriksaan lingkungan pengembangan.

Penggunaan

Inisialisasi Underhive dalam proyek Anda dengan:

npx ucli init

Ini akan mengatur Underhive dan memodifikasi package.json Anda.json untuk memasukkan perintah underhive server menggunakan concurrently . Ini memastikan bahwa skrip start Anda yang ada dan server undehive akan berjalan secara bersamaan.

Untuk memulai proyek Anda dengan Underhive, gunakan:

npm start

Upeti

Proyek ini tidak akan mungkin terjadi tanpa upaya asli dari pencipta ProjectVisbug.

Sejarah Bintang