local state, Context और Redux या Zustand जैसी किसी state library के बीच आप कैसे चुनते हैं?

औजार को state के किस्म से मिलाइए। जो चीज एक ही component की है उसके लिए local useState, जो साझा या bookmark करने लायक हो उसके लिए URL, server के data के लिए query cache, और theme या मौजूदा user जैसी स्थिर values के लिए Context। कोई store तभी उठाइए जब आपके पास सच में global client state हो जिसे बहुत से बेमेल components पढ़ते और लिखते हों, और जहां हर चीज दोबारा render होने से बचने के लिए selectors चाहिए हों।

मैं कुछ भी चुनने से पहले यह तय करने की कोशिश करता हूं कि यह किस किस्म की state है, क्योंकि सबसे बड़ी जीत उसे store में डालने ही न से आती है। server का data query cache में जाता है, क्योंकि उसे deduplication, revalidation और invalidation चाहिए, और इनमें से कुछ भी state management नहीं है, वह caching है। जिस चीज का user link भेजना या refresh करके लौटना चाह सकता है, जैसे filters या खुला tab, वह URL में जाती है। जो एक ही component की है वह useState में रहती है। Context मैं स्थिर चीजों के लिए इस्तेमाल करता हूं, theme, signed in user, कोई client instance, क्योंकि उसमें selectors नहीं होते इसलिए बार बार होने वाले updates महंगे पड़ते हैं। जो बचता है वह सच में global client state है, जैसे साझा undo वाला कई panel का editor, और तभी मैं कोई store लाता हूं। नए project के लिए मेरा झुकाव Redux की जगह hook आधारित selectors वाले किसी छोटे store की तरफ रहता है, पर अगर टीम पहले से Redux Toolkit जानती है और उसकी devtools की आदतें हैं, तो एकरूपता हर बार मेरी पसंद से जीत जाती है।