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