React State Management: کب کیا استعمال کریں
آپ ایک نیا React پروجیکٹ شروع کرتے ہیں۔ یہ بالکل صاف ستھرا لگتا ہے۔ پھر آپ ڈیٹا کو پانچ تہوں (layers) کے ذریعے پاس کرتے ہیں۔ اسے prop-drilling کہتے ہیں۔ آپ خود کو پھنسا ہوا محسوس کرتے ہیں۔
صحیح ٹول کا انتخاب کریں۔
useState: آپ کی جیب اسے مقامی (local) ڈیٹا کے لیے استعمال کریں۔ چھوٹی چیزیں یہاں رکھیں۔
- ڈراپ ڈاؤن اسٹیٹس
- ان پٹ فیلڈز اسے مقامی رکھیں۔
Context API: فیملی فریج ہر کوئی پوچھے بغیر ڈیٹا حاصل کر لیتا ہے۔ اسے عالمی (global) ڈیٹا کے لیے استعمال کریں۔
- یوزر لاگ ان اسٹیٹس
- تھیم سیٹنگز
- زبان کی ترجیحات اسے اس ڈیٹا کے لیے استعمال کریں جو شاذ و نادر ہی تبدیل ہوتا ہے۔
Zustand: اسٹوریج یونٹ یہ ٹول منظم ہے۔ اسے بھاری (heavy) ڈیٹا کے لیے استعمال کریں۔
- شاپنگ کارٹس
- پیچیدہ ڈیش بورڈز اسے تب استعمال کریں جب آپ کی ایپ الجھی ہوئی محسوس ہونے لگے۔
منصوبہ:
- useState سے شروع کریں۔
- جب prop-drilling مشکل بن جائے تو Context پر منتقل ہو جائیں۔
- جب کارکردگی (performance) کم ہونے لگے تو Zustand پر منتقل ہو جائیں۔
اسے سادہ رکھیں۔ خوشی سے کوڈنگ کریں۔
ماخذ: https://dev.to/zeeshan_farooq_4ead3782d8/react-state-management-when-to-use-what-a-simple-guide-1cf1