设计redux状态树

Question

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

是否有任何人可以推荐的好的教程或博客来了解设计状态的最佳实践？

Answer 1

对此有很多不同的意见。这就是我所做的。

1. Reducers - 保存处理我的数据模型的东西（通常是数据库中的任何东西），需要保存并稍后使用或跨组件使用

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

所以，如果我正在模拟对这个问题的回应。 Redux 商店会有

store = {
  session: { token: 'randomUid' }
  user: { name: 'Austio' }
  question: { id: 37288070 }
}

当我选择要在其中输入值的文本框以创建此问题的答案时，将从该框中处理输入，这将设置 answerText 的状态。

什么时候为表单提交处理，我会根据成功发送诸如 NEW_ANSWER 之类的带有 questionId 和答案的东西，这样我就可以将它存储在商店中，以便在我需要的任何地方使用。

我最好的建议是直接开始编程，如果没有这些，使用 redux/react 很难找到你偏好的边缘。

Answer 2

我强烈建议在 egghead.io 上查看 Dan Abramov（Redux 的创建者）的教程 https://egghead.io/courses/getting-started-with-redux

他将带您构建一个简单的待办事项应用程序，但在整个课程中真正强调最佳状态构建实践。