Javascript 设计redux状态树

Javascript 设计redux状态树,javascript,reactjs,redux,react-redux,Javascript,Reactjs,Redux,React Redux,我目前正在学习Redux,我或多或少掌握了一些基本概念。我了解如何使用动作和减速器以及所有这些。我正在努力理解如何正确地设计状态树。我了解了应用程序状态中应该/不应该存储什么、何时可以使用组件状态、处理状态更改的最佳方式等细节 有没有人可以推荐一些好的教程或博客来了解设计状态的最佳实践?对此有很多不同的看法。这就是我要做的 Reducer—保存处理我的数据模型的东西(通常是数据库中的任何东西),这些东西需要保存并在以后使用,或者跨组件使用 LocalState(react-setState)-在

我目前正在学习Redux,我或多或少掌握了一些基本概念。我了解如何使用动作和减速器以及所有这些。我正在努力理解如何正确地设计状态树。我了解了应用程序状态中应该/不应该存储什么、何时可以使用组件状态、处理状态更改的最佳方式等细节


有没有人可以推荐一些好的教程或博客来了解设计状态的最佳实践?

对此有很多不同的看法。这就是我要做的

  • Reducer—保存处理我的数据模型的东西(通常是数据库中的任何东西),这些东西需要保存并在以后使用,或者跨组件使用

  • LocalState(react-setState)-在与用户输入和交互相关的单个组件中处理ui元素

  • 所以,如果我对这个问题的回答进行建模。Redux商店会有

    store = {
      session: { token: 'randomUid' }
      user: { name: 'Austio' }
      question: { id: 37288070 }
    }
    
    当我选择要输入值的文本框来创建此问题的答案时,将从该框中处理输入,这将设置答案文本的状态

    当需要提交表单时,我会根据成功情况发送一些新的答案,比如带有问题ID和答案的新答案,以便我可以将其存储在商店中,以便在需要时使用


    我最好的建议是开始编程,如果没有它,使用redux/react很难找到您偏好的边缘

    我强烈建议查看丹·阿布拉莫夫(Redux的创建者)在egghead.io上的教程


    他带领您构建了一个简单的todo应用程序,但在整个课程中,他真正强调了最佳状态构建实践

    我使用鸭子模式,我将每个州都保存在redux中。到目前为止,它对我来说一直都很好,这样我就可以肯定我的状态/错误是从哪里来的。“LoalStand(ReaveStStand)——处理与用户输入和交互有关的单个组件中的UI元素……”我也看到人们也采用了这种方法,但是,我确实认为状态也很重要,我把它放在了商店里。表单数据、突出显示的内容、鼠标状态等等——所有这些!在我观察到的状态下,争论什么变成了一个滑坡。这会导致困难,并降低redux提供给IMHO的很多价值。不过更容易!有趣的观点,最终做对你来说更自然的事情,对我来说,存储本地状态在全球意义上并不重要,这让应用程序更难推理。我建议看看别人怎么想。另外,我的观点是从一个相当大的系统上的8个开发人员组成的团队出发。这是一个很好的讨论