𝗥𝗲𝗮𝗰𝘁 𝗦𝘁𝗮𝘁𝗲 𝗠𝗮𝗻𝗮𝗴𝗲𝗺𝗲𝗻𝘁: کب کیا استعمال کریں
آپ ایک React پروجیکٹ شروع کرتے ہیں۔ یہ بالکل صاف ستھرا لگتا ہے۔ پھر آپ کو prop drilling کا سامنا کرنا پڑتا ہے۔ آپ ایک بٹن تک پہنچنے کے لیے پانچ تہوں (layers) کے ذریعے ڈیٹا پاس کرتے ہیں۔
آپ سوچتے ہیں کہ کون سا ٹول استعمال کیا جائے۔ Context؟ Redux؟ Zustand؟ بہت زیادہ انتخاب الجھن کا باعث بنتے ہیں۔
useState آپ کی جیب ہے۔ اسے چھوٹی چیزوں کے لیے استعمال کریں۔
- مقامی (local) ڈیٹا کے لیے بہترین ہے۔
- مثال: Dropdowns۔
- اصول: اسے مقامی ہی رکھیں۔
Context آپ کا فیملی فریج ہے۔ اسے سب استعمال کرتے ہیں۔
- عالمی (global) ڈیٹا کے لیے بہترین ہے۔
- ایسے ڈیٹا کے لیے بہترین ہے جس میں تبدیلی کی شرح کم ہو۔
- مثال: User login۔
- اصول: اسے عالمی اشیاء کے لیے استعمال کریں۔
Zustand ایک اسٹوریج یونٹ ہے۔ یہ بہت زیادہ ڈیٹا سنبھالتا ہے۔
- پیچیدہ (complex) ڈیٹا کے لیے بہترین ہے۔
- ایسے ڈیٹا کے لیے بہترین ہے جس میں تبدیلی کی شرح زیادہ ہو۔
- مثال: Shopping carts۔
- اصول: اسے بھاری (heavy) ایپس کے لیے استعمال کریں۔
useState سے آغاز کریں۔ جب prop drilling مشکل بن جائے تو Context پر منتقل ہو جائیں۔ پیچیدہ ڈیٹا یا لیگ (lag) کے لیے Zustand استعمال کریں۔
اسے سادہ رکھیں۔
ماخذ: https://dev.to/zeeshan_farooq_4ead3782d8/react-state-management-when-to-use-what-a-simple-guide-1cf1