Redux: क्यों नहीं किया जा सकता है ...

https://github.com/rackt/redux/issues/328

यह भविष्यवाणी और विश्वसनीयता के बारे में है।

Redux में Reducers शुद्ध कार्य हैं, जिसका अर्थ है कि उनका कोई दुष्प्रभाव नहीं है। जैसे ही आप उन कार्यों के लिए कुछ बाहरी स्थिति को देखना शुरू करते हैं, वे अब शुद्ध नहीं होते हैं। और अगर वे शुद्ध नहीं हैं, तो वे अविश्वसनीय हो सकते हैं। और इससे कीड़े पैदा होते हैं, जिनमें से कई को ट्रैक करना मुश्किल हो सकता है।

मैंने शुद्ध कार्यों को लिखने के माध्यम से पाया है, मैं अपने कोड में कम त्रुटियों का उत्पादन करता हूं और मैं अधिक उत्पादक हूं। और गर्म मॉड्यूल लोडिंग (शुद्ध कार्यों का उपयोग करके सक्षम) उस उत्पादकता के शीर्ष पर एक टर्बोचार्जर है।

और आपको समय यात्रा जैसी मुफ्त सुविधाएँ प्राप्त होती हैं जो बहुत आसान है।

# 328 के डुप्लिकेट के रूप में बंद करना।

बस स्पष्ट करने के लिए: राज्य हर कार्रवाई पर गहरा क्लोन नहीं है। केवल जो भाग बदल गए हैं उन्हें क्लोन किया जाता है (फिर से, गहराई से नहीं - जो बदल गया है उस पर निर्भर करता है)। उदाहरण के लिए, जब टूडूवीवीसी ऐप में एक टूडू को संपादित किया जाता है, केवल उस टूडू ऑब्जेक्ट को क्लोन किया जाता है। टूडू की बाकी चीजें समान हैं। बेशक, एक नया रूट टूडू लिस्ट एरे बनाया जाता है, जो नई ऑब्जेक्ट की ओर इशारा करता है, लेकिन ऑब्जेक्ट्स को क्लोन नहीं किया जाता है यदि वे नहीं बदले हैं। इसलिए यह उतना महंगा नहीं है जितना यह लग सकता है। इसके अलावा, जब यह महंगा हो जाता है (उदाहरण के लिए तेजी से सरणी में परिवर्तन), तो आप एक पुस्तकालय का उपयोग करना शुरू कर सकते हैं जैसे कि Immutable.js जो संरचनात्मक बंटवारे के लिए बहुत तेजी से नकल है। Immutable.js के साथ, यहां तक ​​कि बड़े सरणियों की नकल करना वास्तव में इतना महंगा नहीं है क्योंकि स्मृति के बड़े हिस्से का पुन: उपयोग किया जाता है। अंत में, चाहे या बिना Immutable.js के साथ, अपरिवर्तनीयता हमें कुशलतापूर्वक ऐप को फिर से प्रस्तुत करने में मदद करती है क्योंकि हमें पता है कि _what_ ने वस्तुओं को उत्परिवर्तित नहीं होने के लिए धन्यवाद बदल दिया है।

आह .... यह देखें कि अंतिम बिट अब समझ में आता है ... मैं यह मानता हूं कि आप यह कह रहे हैं कि घटक रेंडर के कारण केवल किस राज्य में परिवर्तन हुआ है, प्रतिक्रिया भिन्न है / परिणामस्वरूप redraw इंजन तेज है? इसी तरह मुझे लगता है कि shouldComponentUpdate करना चाहिए

मुझे लगता है कि आप यह कह रहे हैं कि घटक के परिवर्तन के कारण केवल राज्य में क्या परिवर्तन हुआ, प्रतिक्रिया भिन्न है / redraw इंजन परिणाम के रूप में तेज है? इसी तरह मुझे लगता है कि shouldComponentUpdate करना चाहिए

वास्तव में, react-redux एक आक्रामक shouldComponentUpdate हुड के तहत अपरिवर्तनीयता गारंटी के लिए धन्यवाद का उपयोग करता है।

@gaearon इस एक छोटे से

इसके अलावा, जब यह महंगा हो जाता है (उदाहरण के लिए तेजी से सरणी में परिवर्तन), तो आप एक पुस्तकालय का उपयोग करना शुरू कर सकते हैं जैसे कि Immutable.js जो संरचनात्मक बंटवारे के लिए बहुत तेजी से नकल है।

मैं 8000 पदों तक जाने वाली सरणी से अपडेट को संभालने के लिए redux का उपयोग कर रहा हूं और प्रति 100ms में 10-100 परिवर्तनों के क्षेत्र में थ्रूपुट होने की उम्मीद करता हूं। क्या मैं हारने की लड़ाई लड़ रहा हूं ताकि राज्य का प्रबंधन करने का प्रयास किया जाए?
हम DOM के बजाय एक कैनवास के माध्यम से राज्य का प्रतिनिधित्व करने की योजना बना रहे हैं, लेकिन मैं यह समझना चाहूंगा कि क्या आपके अनुभव में अपडेट की आवृत्ति हमें समस्या का कारण बनेगी या नहीं।

@dougajmcdonald : मेरा पहला सवाल यह है कि क्या उस काम को किसी तरह से पूरा किया जा सकता है? क्या आपको UI के अलग-अलग अपडेट के रूप में प्रत्येक व्यक्तिगत अपडेट का प्रतिनिधित्व करना है?

इसके अलावा, मेरा सुझाव है कि आप Redux से संबंधित प्रदर्शन पर इन संसाधनों को देखें:

• Redux FAQ प्रदर्शन और स्केलिंग पर प्रविष्टियों, सदस्यता सूचनाओं को कम करने और चयनकर्ताओं का उपयोग करता है
• मेरी पोस्ट प्रैक्टिकल रिडक्स, भाग 6: कनेक्टेड सूचियाँ, फ़ॉर्म और प्रदर्शन
• मेरी प्रतिक्रिया / Redux लिंक सूची का Redux प्रदर्शन अनुभाग

मैं रिएक्टिफ़्लक्स चैट चैनलों में इस बारे में और अधिक बातचीत करने में प्रसन्न होगा।

@markerikson दुर्भाग्य से हाँ, खेल की अवधारणा में अपेक्षाकृत बड़ी डेटा संरचना में कई तेज़ अपडेट शामिल हैं।
मुझे लगता है कि मैं अपनी मूल टिप्पणी में पूरी तरह से स्पष्ट नहीं था, जब मैं कहता हूं कि 10-100 बदलाव हैं, तो ये सभी ट्रिगर नहीं होंगे। 10-100 परिवर्तन राज्य परिवर्तन हैं जो प्रति 100ms एक एकल redraw द्वारा प्रतिनिधित्व किया जाएगा।
इसलिए मेरा प्रश्न वास्तव में है, अगर मैं अपने अपडेट को 100-100 में 10-100 राज्य परिवर्तन में बैचने के लिए था, तो क्या रिडक्स के भीतर राज्य प्रबंधन इन्हें प्रभावी ढंग से संसाधित करने में सक्षम होगा जो समझदारी से 100ms'esque विंडो के भीतर पूरा हो जाएगा। चीजों को पीछे छोड़ना शुरू करने के बिना एक redraw अनुमति दें।
राज्य के अपडेट में मूल रूप से आकार 8000 में सरणी में 3-4 संपत्तियों को बदलना शामिल है, इसलिए हम प्रति मिनट 1-10 में एक नया सरणी बनाने की बात कर रहे हैं (यह मानते हुए कि हम चीजों को अपरिवर्तनीय रखना चाहते हैं) सरणी अनुक्रमणिका के भीतर ऑब्जेक्ट। वस्तुएं काफी छोटी हैं (3-4 गुण, संख्याओं के एक जोड़े और छोटे तारों के एक जोड़े)

यही कारण है कि मैं डैन्ट द्वारा सुझाए गए के रूप में उपयोग करने के लाभों के बारे में सोचता था जैसे कि हम जितना संभव हो उतना सरणी का फिर से उपयोग कर सकते हैं इससे प्रदर्शन में सुधार होगा।

@dougajmcdonald : ठीक है, "Redux में राज्य प्रबंधन" वास्तव में केवल एक रूट reducer फ़ंक्शन है।

Immutable.js एक जादू पूर्ण-सुधार रजत-बुलेट नहीं है। यह कुछ चीजों को तेज कर सकता है, और अन्य चीजें धीमी हो सकती हैं। मुझे Immutable.js- संबंधित पूर्ण विचारों पर कई लेख मिले हैं

ईमानदार होने के लिए, आपके उपयोग के मामले को देखते हुए, आप _could_ सिद्धांत में, यदि आप चाहते हैं तो प्रत्यक्ष उत्परिवर्तन के साथ दूर हो जाते हैं। मेरी पोस्ट मुहावरेदार Redux, भाग 1 - कार्यान्वयन और इरादे के अनुसार , Redux कोर वास्तव में उत्परिवर्तन के बारे में बिल्कुल भी परवाह नहीं करता है - यह मुख्य रूप से रिएक्ट-रेडक्स UI परत है, जो कि देवटूल भी करता है। अब, म्यूटेशन नहीं है कि आप Redux का उपयोग करने के लिए _intended_ कैसे हैं, लेकिन यह संभव है।

मेरी व्यक्तिगत सलाह सरल शुरुआत करने की होगी। बस सादा JS ऑब्जेक्ट्स और सरणियों का उपयोग करें। उन्हें "या तो हाथ से" या उपलब्ध कई अपरिवर्तनीय अद्यतन उपयोगिता पुस्तकालयों में से एक का उपयोग करके

फिर, वहाँ से, आप बैचिंग के मामले में अतिरिक्त अनुकूलन कार्य कर सकते हैं, डिस्पैच में कटौती कर सकते हैं, तर्क को अपडेट कर सकते हैं, और इसी तरह।

नाक पर लिया गया @markersonson सूक्ष्म
अपरिवर्तनीय पर बिंदु के लिए धन्यवाद और प्रत्यक्ष उत्परिवर्तन पर अंक मैं थोड़ा पढ़ूंगा और इन पर भी विचार करूंगा।
फिलहाल मेरी विचार प्रक्रिया को कैनवास से Redux स्थिति को डिस्कनेक्ट करना है और बस पब / सब के माध्यम से संदेश को पास करना है (जो कि हमने इसे पहले ही हुक कर लिया है) बस अधिक चलती भागों के साथ

मैं इससे बदलने की सोच रहा हूं:
पबसुब> प्रेषण ()> reducer> redux राज्य> घटक सामग्री पर प्रतिक्रिया करें> कैनवास रेंडर।

सेवा:
पबसुब> स्थानीय घटक राज्य> कैनवास प्रस्तुत करना

मैं अभी भी यूआई के बाकी हिस्सों के लिए रिडक्स का उपयोग करूंगा, शायद ऐप का कैनवास हिस्सा नहीं।

आपके प्रश्न पूरी तरह से मान्य हैं। वस्तुत: रिड्यूक्स के वीयूज कार्यान्वयन को वीयूएक्स कहा जाता है जो म्यूटेशन की अवधारणा के तहत काम करता है। इसलिए 'रिड्यूसर' वास्तव में म्यूटेशन कहलाते हैं और जब तक आप राज्य को केंद्रीकृत स्थान पर संशोधित करते हैं, तब तक सब कुछ ठीक होना चाहिए। ऐसा इसलिए होता है क्योंकि vue ऐप की स्थिति में पर्यवेक्षकों और अन्य सामान को जोड़ता है, इसलिए जैसा कि आपने उल्लेख किया है कि यह ऑब्जेक्ट को प्रतिस्थापित करने के बजाय vue के सीए में अधिक समझ में आता है। Redux अचूक है और अंत में दोनों दृष्टिकोणों के प्रदर्शन पर प्रतिक्रिया होती है। VS vue वर्चुअल डोम अपडेट ज्यादातर उसी बिंदु पर होता है जो यह कहना संभव नहीं है कि सभी मामलों के लिए एक दूसरे से बेहतर है