#FlowModel مقابل React.Component

#مقارنة المسؤوليات الأساسية

#مقارنة دورة الحياة

#مقارنة بنية البناء

React:

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

FlowModel:

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

#شجرة المكونات مقابل شجرة النماذج

• شجرة مكونات React: شجرة عرض واجهة المستخدم التي تتشكل من تضمين JSX أثناء وقت التشغيل.
• شجرة نماذج FlowModel: شجرة بنية منطقية تُدار بواسطة FlowEngine، يمكن جعلها مستمرة (persistable)، وتسمح بالتسجيل الديناميكي والتحكم في النماذج الفرعية. وهي مناسبة لبناء كتل الصفحات، وسير العمل، ونماذج البيانات، وما إلى ذلك.

#الميزات الخاصة (الخاصة بـ FlowModel)

#الملخص

يمكن استخدام FlowModel بشكل تكميلي مع React: حيث تُستخدم React للعرض داخل FlowModel، بينما تُدار دورة حياتها وبنيتها بواسطة FlowEngine.