यह दस्तावेज़ AI द्वारा अनुवादित किया गया है। किसी भी अशुद्धि के लिए, कृपया अंग्रेजी संस्करण देखें
| विशेषता/क्षमता | React.Component | FlowModel |
|---|---|---|
| रेंडरिंग क्षमता | हाँ, render() विधि UI बनाती है | हाँ, render() विधि UI बनाती है |
| स्टेट मैनेजमेंट | इनबिल्ट state और setState | यह props का उपयोग करता है, लेकिन स्टेट मैनेजमेंट मॉडल ट्री संरचना पर अधिक निर्भर करता है |
| लाइफसाइकिल | हाँ, जैसे componentDidMount | हाँ, जैसे onInit, onMount, onUnmount |
| उद्देश्य | UI कंपोनेंट बनाना | डेटा-ड्रिवन, फ्लो-आधारित, संरचित "मॉडल ट्री" बनाना |
| डेटा संरचना | कंपोनेंट ट्री | मॉडल ट्री (पैरेंट-चाइल्ड मॉडल, मल्टी-इंस्टेंस फोर्क को सपोर्ट करता है) |
| चाइल्ड कंपोनेंट | JSX का उपयोग करके कंपोनेंट को नेस्ट करना | चाइल्ड मॉडल को स्पष्ट रूप से सेट करने के लिए setSubModel/addSubModel का उपयोग करना |
| डायनामिक व्यवहार | इवेंट बाइंडिंग, स्टेट अपडेट UI को ड्राइव करते हैं | फ्लो को रजिस्टर/डिस्पैच करना, ऑटोमैटिक फ्लो को हैंडल करना |
| परसिस्टेंस | कोई इनबिल्ट मैकेनिज्म नहीं | परसिस्टेंस को सपोर्ट करता है (जैसे model.save()) |
| फोर्क को सपोर्ट करता है (मल्टीपल रेंडरिंग) | नहीं (मैन्युअल रियूज़ की आवश्यकता है) | हाँ (createFork मल्टीपल इंस्टेंशिएशन के लिए) |
| इंजन कंट्रोल | कोई नहीं | हाँ, FlowEngine द्वारा प्रबंधित, रजिस्टर्ड और लोड किया जाता है |
| लाइफसाइकिल हुक | React.Component | FlowModel |
|---|---|---|
| इनिशियलाइज़ेशन | constructor, componentDidMount | onInit, onMount |
| अनमाउंटिंग | componentWillUnmount | onUnmount |
| इनपुट पर प्रतिक्रिया | componentDidUpdate | onBeforeAutoFlows, onAfterAutoFlows |
| एरर हैंडलिंग | componentDidCatch | onAutoFlowsError |
React:
FlowModel:
| फ़ंक्शन | विवरण |
|---|---|
registerFlow | फ्लो रजिस्टर करें |
applyFlow / dispatchEvent | फ्लो को निष्पादित/ट्रिगर करें |
setSubModel / addSubModel | चाइल्ड मॉडल के निर्माण और बाइंडिंग को स्पष्ट रूप से कंट्रोल करें |
createFork | एक मॉडल के लॉजिक को कई बार रेंडर करने के लिए रियूज़ करने को सपोर्ट करता है (जैसे टेबल में प्रत्येक पंक्ति) |
openFlowSettings | फ्लो स्टेप सेटिंग्स |
save / saveStepParams() | मॉडल को परसिस्ट किया जा सकता है, और यह बैकएंड के साथ इंटीग्रेटेड होता है |
| आइटम | React.Component | FlowModel |
|---|---|---|
| उपयुक्त परिदृश्य | UI लेयर कंपोनेंट संगठन | डेटा-ड्रिवन फ्लो और ब्लॉक मैनेजमेंट |
| मुख्य विचार | डिक्लेरेटिव UI | मॉडल-ड्रिवन संरचित फ्लो |
| प्रबंधन विधि | React लाइफसाइकिल को कंट्रोल करता है | FlowModel मॉडल की लाइफसाइकिल और संरचना को कंट्रोल करता है |
| फायदे | समृद्ध इकोसिस्टम और टूलचेन | मजबूत संरचित, फ्लो को परसिस्ट किया जा सकता है, चाइल्ड मॉडल नियंत्रणीय हैं |
FlowModel को React के साथ पूरक रूप से उपयोग किया जा सकता है: FlowModel के भीतर रेंडरिंग के लिए React का उपयोग करें, जबकि इसकी लाइफसाइकिल और संरचना FlowEngine द्वारा प्रबंधित की जाती है।