反应数据流

Question

我正在尝试创建一个博客应用程序，我对React的数据流模式有点困惑。

在获取帖子之后，我是否应该尝试使用类似于Redux的东西来存储我的所有帖子呢？我用当地的储藏室吗？

然后，我如何告诉组件呈现文章的“扩展”版本？还是应该创建两个独立的组件，一个用于标题，一个用于完整的帖子？

我知道这是两个问题的一个，但它们是一起的。提前感谢

Answer 1

以下是我在自学成才的反应之旅6个月后，关于这些话题的发现。

在我看来，React内置特性足以处理中小型应用程序的state (特别是作为单个开发人员单独工作时)。

如果您立即转向Redux，您将不得不学习在单个不可变存储中处理状态的新模式，以及如何将组件连接到它。

由于您很可能异步获取数据，因此您需要一个助手库来在Redux：redux-thunk或redux-saga上异步工作。

所以从一开始，你就得加上：

• 剩馀
• 反应-还原
• 追击或复述-传奇

这是许多需要消化的文档。这是完全可行的，但我完全同意这句话：

不解决没有的问题

学习这些工具是很困难的，因为你从来没有面对过它们解决的问题。当你开始学习的时候，你还没有遇到的问题。

阅读了以下内容(来自Redux创建者)：

abramov/you-might-not-need-redux-be46360cf367

所以，我建议你：

学习基本反应(使用类)：

https://reactjs.org/docs/getting-started.html

然后学习React (基本上可以忘记类组件)：

https://reactjs.org/docs/hooks-intro.html

开始时只使用React构建您的项目。看看进展如何。然后，您可以阅读更多关于Redux和它所做的事情，如果您真的需要它或不需要它，您将能够做出更好的选择。

从你告诉我们的你的项目：

• 在树高的组件中为所有帖子保留一个state。也许在<App/>组件内部。
• 构建您的函数，以获取和更新post数据，并使用响应更新状态。
• 根据您的意愿呈现多少个组件。例如，用缩略图和标题显示BlogPostComponent内部的帖子或BlogPostThumbnailCard中的简化版本的完整信息。

Answer 2

如果您想要为React的下一个版本做好准备，并且有一个更短的代码，您应该尝试钩子并避免类。

https://reactjs.org/docs/hooks-intro.html

您可以根据需要组织代码，但是使用组件进行可伸缩性并使用不同的属性重用它们更有趣。