React
फ्लक्स तरीके से ReactJS का उपयोग करना
खोज…
परिचय
टिप्पणियों
फ्लक्स एक एप्लीकेशन आर्किटेक्चर है जो फेसबुक क्लाइंट-साइड वेब एप्लिकेशन के निर्माण के लिए उपयोग करता है। यह यूनिडायरेक्शनल डेटा फ्लो का उपयोग करके रिएक्ट के कंपोज़ेबल व्यू कंपोनेंट्स को कंप्लीट करता है। यह एक औपचारिक ढांचे के बजाय एक पैटर्न से अधिक है, और आप बहुत सारे नए कोड के बिना तुरंत फ्लक्स का उपयोग करना शुरू कर सकते हैं।
फ्लक्स अनुप्रयोगों के तीन प्रमुख भाग होते हैं: डिस्पैचर , स्टोर और दृश्य (रिएक्ट घटक)। इन्हें मॉडल-व्यू-कंट्रोलर के साथ भ्रमित नहीं होना चाहिए। नियंत्रक एक फ्लक्स एप्लिकेशन में मौजूद हैं, लेकिन वे नियंत्रक-विचार हैं - अक्सर पदानुक्रम के शीर्ष पर पाए जाने वाले दृश्य जो स्टोर से डेटा प्राप्त करते हैं और इस डेटा को अपने बच्चों को देते हैं। इसके अतिरिक्त, एक्शन क्रिएटर्स - डिस्पैचर हेल्पर मेथड्स - का उपयोग एक अर्थमेटिक एपीआई को सपोर्ट करने के लिए किया जाता है जो एप्लिकेशन में होने वाले सभी परिवर्तनों का वर्णन करता है। फ्लक्स अपडेट चक्र के चौथे भाग के रूप में उनके बारे में सोचना उपयोगी हो सकता है।
फ्लक्स एक अप्रत्यक्ष डेटा प्रवाह के पक्ष में MVC से बच जाता है। जब कोई उपयोगकर्ता रिएक्ट दृश्य के साथ इंटरैक्ट करता है, तो दृश्य एक केंद्रीय प्रेषणकर्ता के माध्यम से एक कार्रवाई का प्रसार करता है, जो एप्लिकेशन के डेटा और व्यावसायिक तर्क को रखने वाले विभिन्न स्टोरों तक पहुंचता है, जो प्रभावित होने वाले सभी विचारों को अपडेट करता है। यह विशेष रूप से रिएक्ट की घोषणात्मक प्रोग्रामिंग शैली के साथ अच्छी तरह से काम करता है, जो स्टोर को राज्यों के बीच विचारों को संक्रमण करने के तरीके को निर्दिष्ट किए बिना अपडेट भेजने की अनुमति देता है।
डाटा प्रवाह
यह व्यापक अवलोकन की रूपरेखा है।
फ्लक्स पैटर्न यूनिडायरेक्शनल डेटा प्रवाह के उपयोग को मानता है।
एक्शन - एक्शन
type
और अन्य इनपुट डेटा का वर्णन करने वाली सरल वस्तु।डिस्पैचर - एकल एक्शन रिसीवर और कॉलबैक नियंत्रक। कल्पना कीजिए कि यह आपके आवेदन का केंद्रीय केंद्र है।
स्टोर - में एप्लिकेशन स्थिति और तर्क सम्मिलित हैं। यह डिस्पैचर में कॉलबैक को पंजीकृत करता है और डेटा लेयर में बदलाव होने पर देखने के लिए ईवेंट को उत्सर्जित करता है।
दृश्य - प्रतिक्रिया घटक जो स्टोर से परिवर्तन घटना और डेटा प्राप्त करता है। जब कुछ बदला जाता है तो यह पुन: प्रतिपादन का कारण बनता है।
फ्लक्स डेटा प्रवाह के रूप में, दृश्य भी कार्रवाई बना सकते हैं और उपयोगकर्ता इंटरैक्शन के लिए डिस्पैचर को पास कर सकते हैं।
वापस लाया गया
इसे और अधिक स्पष्ट करने के लिए, हम अंत से शुरू कर सकते हैं।
अलग-अलग प्रतिक्रिया घटकों ( विचारों ) को विभिन्न दुकानों से किए गए परिवर्तनों के बारे में डेटा मिलता है।
कुछ घटकों को नियंत्रक-विचार कहा जा सकता है, क्योंकि वे दुकानों से डेटा प्राप्त करने और अपने वंशजों की श्रृंखला के नीचे डेटा पारित करने के लिए गोंद कोड प्रदान करते हैं। नियंत्रक-विचार पृष्ठ के किसी भी महत्वपूर्ण खंड का प्रतिनिधित्व करते हैं।
दुकानों को कॉलबैक के रूप में टिप्पणी की जा सकती है जो आपके आवेदन के व्यावसायिक तर्क के लिए कार्रवाई प्रकार और अन्य इनपुट डेटा की तुलना करते हैं।
डिस्पैचर सामान्य क्रियाएं रिसीवर और कॉलबैक कंटेनर हैं।
आवश्यक
type
संपत्ति के साथ क्रियाएं साधारण वस्तुओं की तुलना में कुछ भी नहीं हैं।पूर्व में, आप क्रिया प्रकार और सहायक विधियों (जिन्हें एक्शन क्रिएटर कहा जाता है ) के लिए स्थिरांक का उपयोग करना चाहते हैं।