الحالة هي ما يحدد ما تعرضه الواجهة الآن. بعضها مؤقت داخل عنصر صغير، وبعضها مشترك بين شاشات متعددة، والخلط بين النوعين يجعل تحديث الواجهة أصعب.
الفكرة الأساسية
ابدأ بتحديد مالك كل قيمة ومصدر الحقيقة الخاص بها. الاختيار بين آليات إدارة الحالة يأتي بعد فهم عمر البيانات، وليس قبل ذلك. فصل الحالة العابرة عن بيانات الخادم يقلل التحديثات غير الضرورية.
خطوات عملية
- احتفظ بحالة فتح قائمة صغيرة قرب المكوّن الذي يستخدمها.
- انقل البيانات المشتركة إلى مستوى مناسب يمكن اختباره.
- راقب إعادة البناء على جهاز واقعي عند ظهور بطء.
مثال تطبيقي
قيمة البحث المكتوبة يمكن أن تكون محلية، بينما نتائج الحساب وسلة المشتريات تحتاج مشاركة أوسع. لا تجعل كل ضغطة مفتاح تعيد بناء التطبيق كله.
خطأ شائع ينبغي تجنبه
تكرار نسخ الحالة في عدة أماكن يخلق اختلافات يصعب تتبعها. حدّد آلية واحدة لتحديث القيمة المرجعية.
للتوسع في الموضوع
صور توضيحية: الغلاف من Unsplash، الصورة الداخلية من Unsplash. ترخيص الاستخدام.
