आप Redux 'राज्य को कैसे साफ करते हैं?

Question

एक Redux शुरुआत, यह देखते हुए (के विचार) एक कुछ बड़े आवेदन मैं के लिए इसी तरह एक रूट कम करने की कल्पना के रूप में: इस मामले में

const rootReducer = combineReducers({ accounting, crm, sales }) 

एप्लीकेशन स्टेट लेखांकन, CRM होंगे, और वह बिक्री उपयोगकर्ता है, भले ही केवल आवेदन के एक हिस्से का उपयोग कर। यह फायदेमंद हो सकता है, उदाहरण के लिए लेखांकन और सीआरएम के बीच आगे और पीछे स्विच करते समय कैश के रूप में, लेकिन संभवतः आप कभी भी खोले गए सभी विचारों के सभी डेटा को बरकरार रखना नहीं चाहते हैं, यह बिना किसी छंटनी के पूर्ण संभव राज्य पेड़ है, आवेदन के भीतर हमेशा के लिए या पूरे पेड़ को लोड पर प्रारंभिक स्थिति में शुरू करना।

क्या वहां ऐसे मुहावरे, पैटर्न या पुस्तकालय हैं जो इसे हल करते हैं या क्या मुझे कुछ याद आ रहा है?

एक आंशिक समाधान है जो सभी डेटा को बनाए रखना हल मैं उनकी आरंभिक स्थिति में राज्य के कुछ हिस्सों को रीसेट जब आवेदन के कुछ भागों से बाहर नेविगेट करने जैसे कुछ कथात्मक नियम दिए की तरह कुछ कल्पना के रूप में:

• accounting = {} सेट (परोक्ष रूप से, इस तरह के रूप ACCOUNTING_LEAVING एक कार्रवाई के माध्यम से) जब <Accounting/> प्राप्त करता componentWillUnmount
• हटाने/crm.mail = {} सेट जब <MailEditor/> प्राप्त करता componentWillUnmount

मैंने ऐसे उदाहरण नहीं देखे हैं जो किसी भी तरह से राज्य को साफ करते हैं। कई "सूची + विस्तार दृश्य" उदाहरण { list: [...], detail: {...} } जैसे राज्य संग्रह करते हैं, लेकिन विस्तार से स्विच करते समय सूची न तो खाली होती है, न ही हटा दी जाती है, न ही हटा दी जाती है। यह अच्छा है जब मैं कुछ पलों बाद सूची में वापस आ सकता हूं, लेकिन डेटा जारी किए बिना 9 से 5 तक एप्लिकेशन का उपयोग करते समय नहीं।

Answer 1

कुछ संबंधित विचार:

• जब तक आप अपने दुकान में कैश हो जाने की दर्जनों या डेटा की मेगाबाइट के सैकड़ों उम्मीद कर रहे हैं, तो आप शायद इस बारे में बहुत जल्द ही चिंता कर रहे हैं। अपना ऐप, बेंचमार्क लिखें, और उसके बाद अनुकूलित करें।
• स्टोर के हिस्सों को साफ़ करने के लिए क्रियाओं को प्रेषित करना पूरी तरह से वैध और उचित है।
• मेरा Redux addons ecosystem catalog में कुछ पुस्तकालय सूचीबद्ध हो सकते हैं जो उपयोगी होंगे। विशेष रूप से, Component State और Reducer पृष्ठ कुछ पुस्तकालयों को इंगित करते हैं जो आपके स्टोर से रेड्यूसर को गतिशील रूप से जोड़ने और हटाने और राज्य को रीसेट करने जैसी चीजें करते हैं।
• आप उच्च गुणवत्ता वाले React and Redux tutorials के मेरे संग्रह में रुचि भी ले सकते हैं।

कुल मिलाकर, आप अपने राज्य को व्यवस्थित करते हैं, जब आप इसे अपडेट करते हैं, और आप इसे अपडेट करते हैं तो आप पर निर्भर करता है। Redux बस अद्यतन करने की प्रक्रिया के लिए एक पैटर्न और नियम प्रदान करता है।