在服务器上创建react-react-app渲染组件

时间:2017-04-05 08:20:16

标签: reactjs express redux

我在我的最新项目中使用了create-react-app,这太棒了!现在我面临一个问题,我不确定如何正确解决。

我已经使用redux为我的状态管理创建了应用程序,并且一切运行良好。

现在我对React中的服务器端renderin没有多少体验,但是对于我的下一个功能,我需要使用其中一个现有/工作的react组件(连接到redux store)并在服务器上呈现它随创建反应应用程序。我想这样做的原因是能够使用像pdf生成器和simillar这样的一些库来打印出其中的一些(还有一些其他的东西,但这是基本的)。

我首先感到困惑,因为我不想在服务器上呈现每一个,运行webpack-dev服务器和节点服务器的最佳/正确方法(开发)是什么,我将提到所有这些上面并行而不是只改变它的默认端口让我们说8000,并手动运行它?

Secound,我应该能够在服务器上的现有组件上使用ReactDOMServer.renderToString,还是会有其他东西会让事情变得复杂(我知道我需要在服务器上定义babelitaly)?

2 个答案:

答案 0 :(得分:1)

创建React App不支持服务器呈现。您可能希望迁移到Next.js。

答案 1 :(得分:0)

不幸的是,创建React App (CRA)没有扩展点来允许这样做。但是有一个稍微改变的CRA版本允许使用常规CRA管道编译,测试和运行客户端和服务器端代码 - npm start将编译并启动你的客户端和服务器端部分应用程序,在同一个HTTP端口上使用Webpack的单个实例。

您可以访问React App SDK找到更多信息。