#FlowModel เทียบกับ React.Component

#การเปรียบเทียบหน้าที่พื้นฐาน

#การเปรียบเทียบวงจรชีวิต

#การเปรียบเทียบโครงสร้างการสร้าง

React:

class MyComponent extends React.Component {
  render() {
    return <div>Hello</div>;
  }
}

FlowModel:

class HelloModel extends FlowModel {
  render() {
    return <div>Hello</div>;
  }
}

#Component Tree เทียบกับ Model Tree

• React Component Tree: คือโครงสร้างการเรนเดอร์ UI ที่เกิดจากการซ้อนกันของ JSX ในขณะรันไทม์
• FlowModel Model Tree: คือโครงสร้างเชิงตรรกะที่จัดการโดย FlowEngine ซึ่งสามารถคงอยู่ของข้อมูลได้ (Persist), ลงทะเบียนและควบคุม Sub-Model ได้แบบไดนามิก เหมาะสำหรับการสร้าง Page Block, Action Flow, Data Model และอื่นๆ

#คุณสมบัติพิเศษ (เฉพาะ FlowModel)

#สรุป

FlowModel สามารถใช้ร่วมกับ React ได้อย่างสมบูรณ์: โดยใช้ React ในการเรนเดอร์ภายใน FlowModel ในขณะที่ FlowEngine จะเป็นผู้จัดการวงจรชีวิตและโครงสร้างของมัน