أنا أعمل على تطبيق ويب React / Redux. في بداية المشروع ، كان لدي فهم جيد جدًا لحالة طلبي. ولكن ، مع نمو قاعدة الشفرة ، أميل إلى وضع المزيد والمزيد من السمات لحالة التطبيق من خلال المخفضات. تكمن المشكلة هنا في أنه إذا انضم شخص جديد إلى مشروعي ، فقد لا يكون لديه معرفة واضحة بجميع السمات الموجودة بالفعل في الولاية.
في الوقت الحالي ، أستخدم فقط كائنًا تم التعليق عليه في ملف يسمى state.js
لوصف جميع السمات الموجودة في الولاية.
/*
APP_STATE = {
attribute1 : '',
attribute2 : '',
attribute3 : [],
attribute4 : {
key: ''
},
}
*/
السؤال هو: هل هناك طريقة أفضل لتوثيق بنية حالة طلبي حتى يسهل فهمها؟ ما هو النهج الذي تستخدمونه يا رفاق؟
اعتمادًا على الهيكل الخاص بك ، أعتقد أن wp-calypso يقوم بعمل رائع في ذلك. لديهم محددات ومخفضات وثوابت وإجراءات وملف README.md يحتوي على معظم الوثائق ، وكلها في نفس dir. انظر للاسفل!
product
reducer.js
selectors.js
actions.js
constants.js
README.md
تحقق منها!
JacobSoderblom هذا مثير للاهتمام. قد يكون نهجًا مشابهًا مع تقليل التعقيد وسيعمل الهيكل مع التطبيقات الصغيرة الحجم. شكرا.
يمكنك دائمًا استخدام أداة تطوير Redux ، مثل امتدادات redux-devtools أو redux-devtools-extension لتصفح شجرة الحالة. يمكنك أيضًا فقط JSON.stringify
الحالة في أي وقت (أقترح وضع المتجر على window
لإتاحة الوصول إليه من خلال وحدة التحكم الخاصة بك) لمعرفة كيف يبدو.
التعليق الأكثر فائدة
اعتمادًا على الهيكل الخاص بك ، أعتقد أن wp-calypso يقوم بعمل رائع في ذلك. لديهم محددات ومخفضات وثوابت وإجراءات وملف README.md يحتوي على معظم الوثائق ، وكلها في نفس dir. انظر للاسفل!
تحقق منها!