RxJS / React和在单独组件之间共享状态的最佳方式(无通量)

时间:2016-01-05 21:32:16

标签: rxjs

所以,我正在考虑在RxJS / React中创建一个新的应用程序 - “也许”是cycle.js但是让我兴奋的是想到单页应用程序的共享状态。

通常,您可以自己包含组件状态 - 但由于用户在页面各个部分的交互,我很好奇建筑的最佳实践。

当然,我对RxJS的更深层次的知识目前还不存在 - 所以我可能会错过一些明显的“状态”管理能力。

  1. 因此,级联组件以便状态从父容器向下流动 - 看起来最简单,但现在我有一个带有一堆孩子的巨型组件。

  2. 引入反流

  3. 真的是我的问题:使用RxJS / React和共享状态的最佳做法。

  4. 旁白:“柜台”的常见例子是微不足道的,并没有多大帮助。例如,我需要的是 - 例如 - 单击箭头,滑动窗格,页面的不同部分 - 标题淡入。

1 个答案:

答案 0 :(得分:1)

不确定你是否看过我的Rx React boilerplate(它只有一个柜台!)

要在React中将动画应用到您的应用中,您可以使用像React-Motion

这样的库

我认为可能更简单的方法是查看Redux,因为我确信会有动画示例可以帮助您。

但是如果你真的想在Rx中做这个,那么请看看这个Gistpost,解释Justin Woo如何用Rx实现Redux。

我知道这不是反应方面的直接解决方案。

在循环中,您可以查看TylorS的Repo,其中包含动画。 如果您在循环中路由和其他概念之后我已经构建了样板here