📋 محتويات الصفحة
📖 الوصف
Redux DevTools هي أداة قوية لتصحيح وتتبع حالة Redux في تطبيقات JavaScript. تتيح time-travel debugging، عرض actions و state، ومراقبة التغييرات.
🎯 يستخدم في
مجالات استخدام هذه الأداة
تصحيح حالة Redux
time-travel debugging
مراقبة actions و state changes
تسجيل وإعادة تشغيل actions
تحليل أداء state management
✨ المميزات
أبرز مميزات هذه الأداة
Time-travel debugging
عرض كل action و state
Diff بين الـ states
Live monitoring
Dispatch actions مباشرة
Persist state
دعم NgRx و MobX
⚠️ العيوب
نقاط يجب مراعاتها
يضيف overhead
معقد للمشاريع الصغيرة
خاص بـ Redux وأمثاله
💻 مثال على الاستخدام
كيفية استخدام هذه الأداة
npm install @redux-devtools/extension
📚 أدوات أخرى في DevTools
قد يعجبك أيضاً
Charles
⭐أداة intercept و debug لشبكة HTTP/HTTPS
Charles Proxy
⭐أداة Intercept و Debug لبروتوكول HTTP/HTTPS
Chrome DevTools
⭐أدوات مطوري الويب المتكاملة
Firefox DevTools
⭐أدوات مطوري الويب في Firefox
JSON Server
⭐مولد REST API وهمي (Mock REST API Generator)
Lighthouse
⭐أداة تحليل أداء وجودة المواقع