如何使用React、NodeJS、Newforms和Spray为多页应用程序设计页面导航逻辑

Question

我是React、NodeJS、Newforms和Spray的新手。目前，我们正在开发一个包含30个屏幕(页面)的简单应用程序，每个页面都有一个问题。根据每个页面中给出的答案，用户的旅程要么结束，要么转到下一个问题。我们需要在提出页面导航技术的帮助。

我想到的几种方法是：

集中式导航方法:有一个中央导航逻辑，并对每个问题进行配置。对于每个问题，可能的答案和下一步行动(终止用户旅程或显示下一个问题)都内置在其中。提交每个页面后，填充主JSON数据模型。根据上一个问题的答案，决定下一步行动。

分布式导航方法:每个页面操作都知道导航逻辑

我很好奇哪一个是最好的，以及如何进一步设计它。有没有其他最适合这类应用的标准方法？

Answer 1

听起来你可能想调查一下Flux。您可以有一个导航存储，每个组件都可以使用它来确定应用程序的状态。

另一种选择是有一个顶级的“导航包装器”组件来处理逻辑，然后每个问题都可以是该组件的子问题。我仍然认为你可以从那里的flux实现中受益。