Redux: توثيق حالة التطبيق

تم إنشاؤها على ١١ يناير ٢٠١٧  ·  3تعليقات  ·  مصدر: reduxjs/redux

أنا أعمل على تطبيق ويب 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

تحقق منها!

ال 3 كومينتر

اعتمادًا على الهيكل الخاص بك ، أعتقد أن 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 لإتاحة الوصول إليه من خلال وحدة التحكم الخاصة بك) لمعرفة كيف يبدو.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

benoneal picture benoneal  ·  3تعليقات

ilearnio picture ilearnio  ·  3تعليقات

CellOcean picture CellOcean  ·  3تعليقات

vslinko picture vslinko  ·  3تعليقات

timdorr picture timdorr  ·  3تعليقات