𝗥𝗲𝗮𝗰𝘁 𝗦𝘁𝗮𝘁𝗲 𝗠𝗮𝗻𝗮𝗴𝗲𝗺𝗲𝗻𝘁: 𝗞𝗮𝗯 𝗞𝗶𝘀𝗸𝗮 𝗨𝗽𝘆𝗼𝗴 𝗞𝗮𝗿𝗲𝗻
आप एक React प्रोजेक्ट शुरू करते हैं। यह बहुत साफ-सुथरा लगता है। फिर आप prop drilling का सामना करते हैं। एक बटन तक पहुँचने के लिए आपको डेटा को पाँच परतों (layers) से गुज़ारना पड़ता है।
आप सोचते हैं कि किस टूल का उपयोग किया जाए। Context? Redux? Zustand? बहुत सारे विकल्प भ्रम पैदा करते हैं।
useState आपकी जेब है। इसका उपयोग छोटी चीज़ों के लिए करें।
- लोकल डेटा के लिए सबसे अच्छा।
- उदाहरण: Dropdowns।
- नियम: इसे लोकल ही रखें।
Context आपका फैमिली फ्रिज है। इसे हर कोई साझा करता है।
- ग्लोबल डेटा के लिए सबसे अच्छा।
- कम बदलाव दर (low change rates) वाले डेटा के लिए सबसे अच्छा।
- उदाहरण: User login।
- नियम: इसका उपयोग ग्लोबल चीज़ों के लिए करें।
Zustand एक स्टोरेज यूनिट है। यह बहुत सारे डेटा को संभालता है।
- जटिल (complex) डेटा के लिए सबसे अच्छा।
- उच्च बदलाव दर (high change rates) वाले डेटा के लिए सबसे अच्छा।
- उदाहरण: Shopping carts।
- नियम: इसका उपयोग भारी ऐप्स के लिए करें।
useState से शुरुआत करें। जब prop drilling परेशान करने लगे, तब Context पर जाएँ। जटिल डेटा या लैग (lag) के लिए Zustand का उपयोग करें।
इसे सरल रखें।
स्रोत: https://dev.to/zeeshan_farooq_4ead3782d8/react-state-management-when-to-use-what-a-simple-guide-1cf1