在节点上设置React作为渲染守护进程

时间:2015-03-27 23:04:45

标签: node.js reactjs

我最近潜入了React + Flux的前端,我喜欢它!但我希望能够在后端使用React,以避免重复视图和渲染逻辑。

如果您使用Node,我已经看到React支持服务器端呈现,但我没有将Node用作我的后端逻辑。

所以我想知道,我可以设置一个用Node编写的守护进程,它只根据收到的数据和根React组件呈现HTML吗?

我的想法是让我的后端应用程序使用已准备好的数据调用此守护程序(以便域逻辑可以存在于我的主后端应用程序中),获取HTML并将其返回到前端

这种方法可行吗?以前做过吗?我喜欢一些反馈!

1 个答案:

答案 0 :(得分:0)

我发现这已经是一个月了,仍然没有评论,我将分享我的一些理解。

我们可以使用此设置:

  • 用PHP编写的 API 或类似的服务数据。

  • 同构反应组件 - 在服务器上呈现,在客户端上附加事件侦听器。

    • 服务器端(节点) - React组件使用AJAX调用从API获取其道具并将其作为JSON嵌入到HTML中的<script id="props" />标记中字符串。

    • 客户端 - 组件检查脚本标记中的props。如果有数据,那么它使用它来跳过重新渲染;如果没有(由于服务器错误或其他原因),它仍然可以使用AJAX来获取它的道具。

主要思想是网站 isomorphic (服务器和客户端共享相同的代码),因此您现有的前端可以轻松适应此设置。

一个好的起点是关于同构React组件的simple exampleThis tutorial也可以对此主题进行概述。