Dokumen ini diterjemahkan oleh AI. Untuk ketidakakuratan apa pun, silakan lihat versi bahasa Inggris
| Fitur/Kemampuan | React.Component | FlowModel |
|---|---|---|
| Kemampuan Render | Ya, metode render() menghasilkan UI | Ya, metode render() menghasilkan UI |
| Manajemen State | state dan setState bawaan | Menggunakan props, tetapi manajemen state lebih bergantung pada struktur pohon model |
| Siklus Hidup | Ya, contohnya componentDidMount | Ya, contohnya onInit, onMount, onUnmount |
| Tujuan | Membangun komponen UI | Membangun "pohon model" yang digerakkan oleh data, berbasis alur, dan terstruktur |
| Struktur Data | Pohon komponen | Pohon model (mendukung model induk-anak, Fork multi-instans) |
| Komponen Anak | Menggunakan JSX untuk menyarangkan komponen | Menggunakan setSubModel/addSubModel untuk secara eksplisit mengatur sub-model |
| Perilaku Dinamis | Pengikatan event, pembaruan state menggerakkan UI | Mendaftarkan/mengirim Alur, menangani alur otomatis |
| Persistensi | Tidak ada mekanisme bawaan | Mendukung persistensi (misalnya model.save()) |
| Mendukung Fork (render berkali-kali) | Tidak (memerlukan penggunaan ulang manual) | Ya (createFork untuk multi-instansiasi) |
| Kontrol Mesin | Tidak ada | Ya, dikelola, didaftarkan, dan dimuat oleh FlowEngine |
| Hook Siklus Hidup | React.Component | FlowModel |
|---|---|---|
| Inisialisasi | constructor, componentDidMount | onInit, onMount |
| Pembongkaran | componentWillUnmount | onUnmount |
| Menanggapi Input | componentDidUpdate | onBeforeAutoFlows, onAfterAutoFlows |
| Penanganan Error | componentDidCatch | onAutoFlowsError |
React:
FlowModel:
| Fungsi | Deskripsi |
|---|---|
registerFlow | Mendaftarkan alur |
applyFlow / dispatchEvent | Menjalankan/memicu alur |
setSubModel / addSubModel | Secara eksplisit mengontrol pembuatan dan pengikatan sub-model |
createFork | Mendukung penggunaan ulang logika model untuk beberapa render (misalnya, setiap baris dalam tabel) |
openFlowSettings | Pengaturan langkah alur |
save / saveStepParams() | Model dapat dipertahankan dan diintegrasikan dengan backend |
| Item | React.Component | FlowModel |
|---|---|---|
| Skenario yang Cocok | Organisasi komponen lapisan UI | Manajemen alur dan blok yang digerakkan oleh data |
| Ide Inti | UI Deklaratif | Alur terstruktur berbasis model |
| Metode Manajemen | React mengontrol siklus hidup | FlowModel mengontrol siklus hidup dan struktur model |
| Keunggulan | Ekosistem dan toolchain yang kaya | Sangat terstruktur, alur dapat dipertahankan, sub-model dapat dikontrol |
FlowModel dapat digunakan secara komplementer dengan React: Menggunakan React untuk rendering di dalam FlowModel, sementara siklus hidup dan strukturnya dikelola oleh FlowEngine.