𝗥𝗲𝗮𝗰𝘁 𝗦𝘁𝗮𝘁𝗲 𝗠𝗮𝗻𝗮𝗴𝗲𝗺𝗲𝗻𝘁: 𝗪𝗵𝗲𝗻 𝘁𝗼 𝗨𝘀𝗲 𝗪𝗵𝗮𝘁
आप एक नया React प्रोजेक्ट शुरू करते हैं। यह बहुत साफ-सुथरा लगता है। फिर आप डेटा को पाँच परतों (layers) के माध्यम से पास करते हैं। इसे prop-drilling कहते हैं। आप फंस जाते हैं।
सही टूल चुनें।
useState: आपकी जेब इसका उपयोग लोकल डेटा के लिए करें। छोटी चीज़ें यहाँ रखें।
- ड्रॉपडाउन स्टेटस
- इनपुट फ़ील्ड्स इसे लोकल ही रखें।
Context API: फैमिली फ्रिज हर कोई बिना पूछे डेटा ले लेता है। इसका उपयोग ग्लोबल डेटा के लिए करें।
- यूजर लॉगिन स्टेटस
- थीम सेटिंग्स
- भाषा की प्राथमिकताएं (Language preferences) इसका उपयोग उस डेटा के लिए करें जो शायद ही कभी बदलता है।
Zustand: स्टोरेज यूनिट यह टूल व्यवस्थित है। इसका उपयोग भारी डेटा के लिए करें।
- शॉपिंग कार्ट्स
- जटिल डैशबोर्ड्स इसका उपयोग तब करें जब आपका ऐप अव्यवस्थित (messy) महसूस होने लगे।
योजना (The Plan):
- useState से शुरुआत करें।
- जब prop-drilling परेशानी पैदा करने लगे, तो Context पर जाएँ।
- जब परफॉरमेंस कम होने लगे, तो Zustand पर स्विच करें।
इसे सरल रखें। हैप्पी कोडिंग।
स्रोत: https://dev.to/zeeshan_farooq_4ead3782d8/react-state-management-when-to-use-what-a-simple-guide-1cf1