设计redux状态树

Question

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

是否有任何好的教程或博客可供推荐用于理解设计状态的最佳实践？

Answer 1

对此有很多不同意见。这就是我的工作。

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

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

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

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

当我选择文本框输入值来创建这个问题的答案时，会从此框中输入handleInput，这将是answerText的setState。

什么时候是表单的handleSubmit，我会根据成功之类的问题发出一些像NEW_ANSWER一样的问题和答案，以便我可以将它存储在商店中，以便在我需要的时候使用它。

我最好的建议就是开始编程，很难在没有这个的情况下使用redux / react来找到你喜好的边缘。

Answer 2

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

他带你完成了一个简单的待办事项应用程序，但真正强调整个课程中最好的州建筑实践。