Node.js 什么';在同构的React驱动应用程序中,在节点中分离客户端代码和服务器代码是一种好做法吗?

Node.js 什么';在同构的React驱动应用程序中,在节点中分离客户端代码和服务器代码是一种好做法吗?,node.js,reactjs,Node.js,Reactjs,我正在尝试在节点上构建一个同构应用程序,React最初从服务器呈现给客户端,并通过Webpack将其捆绑起来,用于客户端呈现和UI目的 然而,我在将客户端和服务器端分开方面遇到了问题。在客户机上捆绑(工作正常)的React组件也可以在服务器端运行。因此,无法尝试更改状态或加载数据,因为该组件同时在服务器和客户端上运行 我如何有效地将它们分开?或者我必须为客户端和服务器创建一个单独的组件文件夹(对于服务器,省略数据处理) 不确定如何在Node中正确地执行此操作以使同构应用程序顺利运行。我认为您可以

我正在尝试在节点上构建一个同构应用程序,React最初从服务器呈现给客户端,并通过Webpack将其捆绑起来,用于客户端呈现和UI目的

然而,我在将客户端和服务器端分开方面遇到了问题。在客户机上捆绑(工作正常)的React组件也可以在服务器端运行。因此,无法尝试更改状态或加载数据,因为该组件同时在服务器和客户端上运行

我如何有效地将它们分开?或者我必须为客户端和服务器创建一个单独的组件文件夹(对于服务器,省略数据处理)


不确定如何在Node中正确地执行此操作以使同构应用程序顺利运行。

我认为您可以从样板文件和初学者工具包中学到很多东西。两者都旨在提供通用渲染

根据我们在公司使用的经验,我们有:

  • 在生成页面时添加到(例如填充通量存储)
  • 身体有反应
  • 同时发送和客户端。生成的html将显示在屏幕上(确保先加载css以避免FOC效果)
  • 重新生成客户端应用程序状态,使数据可用于react组件
  • 运行启动React single app客户端的javascript:React组件不应该发出任何加载数据的请求,因为您已经生成了客户端应用程序状态

希望对您有所帮助:)

ExpressReact mvc。。很快就会送到