Redux: 记录应用程序状态

创建于 2017-01-11 · 3评论 · 资料来源: reduxjs/redux

我正在开发一个 React / Redux Web 应用程序。在项目开始时，我对我的应用程序状态非常了解。但是，随着代码库的增长，我倾向于通过 reducer 为应用程序状态添加越来越多的属性。这里的问题是，如果一个新人加入我的项目，他可能不会清楚地了解该州已经存在的所有属性。

现在，我只是在名为state.js的文件中使用注释掉的 Object 来描述状态中的所有属性。

/*
    APP_STATE = {
        attribute1 : '',
        attribute2 : '',
        attribute3 : [],
        attribute4 : {
            key: ''
        },
    }
*/

问题是：有没有更好的方法来记录我的应用程序状态的结构，以便于理解？你们都用什么方法？

资料来源

vraa

👍6

最有用的评论

根据您的结构，我认为wp-calypso在这方面做得很好。它们有选择器、减速器、常量、动作和一个 README.md 文件，其中包含大部分文档，它们都在同一个目录中。往下看！

  product
    reducer.js
    selectors.js
    actions.js
    constants.js
    README.md

去看一下！

JacobSoderblom 于 2017-01-17

👍3

所有3条评论

  product
    reducer.js
    selectors.js
    actions.js
    constants.js
    README.md

去看一下！

JacobSoderblom 于 2017-01-17

👍3

@JacobSoderblom这很有趣。可能是一种降低复杂性和结构的类似方法适用于小型应用程序。谢谢。

vraa 于 2017-01-17

您始终可以使用 Redux devtool，例如redux-devtools或redux-devtools-extension来浏览状态树。您也可以在任何时候仅JSON.stringify状态（我建议将商店放在window以使其可通过您的控制台访问）以查看它的外观。

timdorr 于 2017-01-23

此页面是否有帮助？

0 / 5 - 0 等级

Redux: 记录应用程序状态

最有用的评论

所有3条评论

相关问题