如何简化使用React和Redux构建的网站？

Question

我在系统生物学实验室工作。每个人，包括我自己，都是研究人员，很少有时间或倾向于网络开发。但是以前的一位实验室成员用React和Redux建立了一个漂亮的网站。重要的是，我们可以维持这个网站数年，不同的研究人员能够更新其每周的内容。

我们的问题是网站太复杂，无法更新。例如，要添加新闻报道，必须安装所有节点模块，知道如何调试JSX编译错误，创建Story组件并将其导入NewsStory视图，并重新部署节点服务器。我现在可以处理这件事，但很快就要离开了；我们担心每一个新的维护人员都必须学习来更新站点。

我的问题是：是否有任何反应设计模式来简化更新基本上是静态站点的内容?例如，我构建了另一个使用角的实验室站点，如果有人想更新新闻报道，他们只需向NewsController添加一个新的JSON对象，然后通过一个NewsController服务器上传修改后的JavaScript文件。对于实验室中的大多数人来说，这个工作流要容易得多。

Answer 1

React是一种使复杂的UI更易于维护的工具。Redux项目创建并从本质上复制的Facebook团队创建的流量体系结构是一种在组件之间简化复杂状态的方法，因为反应性应用程序变得越来越复杂。

这听起来就像你们在选择一个简单的CMS类型的站点可能不需要的时候，选择了反应来选择篱笆。有一些东西可以说，保持它简单，并使用一个Wordpress，CMS类型的网站可能不是保持简单的反应。我推荐Django提供一个简单的CMS解决方案，以便于身份验证管理的集成，特别是因为Python在生物学领域是一个相对流行的选项。

这让我想起了一条有趣且有点真实的推特，一位我的同事昨天和我分享了一条推特。https://twitter.com/iamdevloper/status/517616294909464576

Answer 2

在某种程度上，Redux存储是您的角度数据控制器。您可以在Redux/React网站中实现与Redux相同的过程。

以便将数据(例如故事)传递给待显示的Story组件。看看这个http://redux.js.org/docs/basics/Reducers.html。

但是，如果你没有足够的兴趣和资源来学习前端开发，那么你可能会更好地使用像Word Press这样的东西。

Answer 3

希望Story组件能够足够通用地呈现任何类型的故事数据。

如果是这样，这里有一个简单的方法来处理它。在componentDidMount()组件的NewsStory生命周期方法中，从希望显示的服务器(作为json对象数组)获取(使用axios、超级代理或获取)所有故事，并将它们保存在NewsStory组件的状态中。然后，在render()方法的NewsStory中，映射到状态数组上，为每个故事对象呈现一个Story组件(将每个故事作为支柱传递到Story组件中)。

另一半是故事的CRUD UI。或者只需手动维护json，就像您使用角应用程序一样。