reactjs - : Redux and Relay 之间的区别

Question

我已经阅读了许多基于redux和relay的文章/文档，但我仍然很困惑这两个库有何不同？
这两个库的优点和缺点是什么？
GraphQL 在中继中的具体作用是什么？
哪个库更适合 CRM/ERP 等企业数据驱动应用程序？

Answer 1

两者都是 Flux 实现，这是一个用于管理应用程序状态的 Facebook 框架。

• Redux:通用 JavaScript 库，有助于处理应用程序中的状态管理。 Redux 不依赖于 react 并且可以与任何库一起使用。 react-redux 库用于轻松地将 React 与 Redux 集成。在 redux 中应用程序状态位于单个存储中，每个组件都可以访问状态，还可以通过调度 Action 来改变状态。 Redux 没有处理开箱即用的数据获取，尽管可以手动完成:只需创建一个将数据从服务器获取到的操作商店。

• Relay:由 facebook 为 React 创建，也在内部使用。 Relay 与 redux 类似，因为它们都使用单个店铺。主要区别在于中继仅管理状态源自服务器，所有对状态的访问都是通过GraphQL 查询(用于读取数据)和突变(用于更改数据)。Relay 为您缓存数据并为您优化数据获取，方法是仅获取更改的数据，仅此而已。中继还支持乐观更新，即更改服务器之前的状态结果到了。

GraphQL 是一种使用声明式和可组合查询的 Web 服务框架和协议(protocol)，解决了过度抓取和抓取不足等问题，被认为是替代 REST 的有效候选者。
GraphQL 不依赖于中继，相反，中继依赖于 graphql。 Graphql 可以在 redux 中使用，与完成其他所有数据获取的方式相同。

正如您所看到的，中继相对于 redux 的主要优点是数据获取已经得到处理，并且对此进行了非常优化。
另一方面，它无法管理客户端的特定状态，但这很少需要。

此外，IMO Relay 更难学习和实现，但最终结果更好、更优化，但对于小型应用程序，我会选择 redux。