基于 create-react-app 的 react 应用通用渲染答案

【问题标题】：Universal rendering for react app based on create-react-app基于 create-react-app 的 react 应用通用渲染
【发布时间】：2016-12-13 23:05:27
【问题描述】：

我有一个基于 create-react-app 入门工具包的应用，由于 SEO 问题需要切换到通用/服务器渲染。

有没有简单的方法或示例来获取 create-react-app 团队板并添加或修改它以支持通用渲染？

我看到的很多通用示例对于我的需求来说过于复杂，如果可能的话，我更喜欢保持它非常干净和简单。

谢谢。

编辑：仅供参考，我找到了this 中号帖子，它指向this 存储库。

看起来很简单，但由于我是所有 webpack/react/node 相关内容的新手，如果有人认为这是错误的方法，很想知道...

【问题讨论】：

标签： reactjs webpack universal isomorphic-javascript

【解决方案1】：

在this PR 中有一个添加服务器渲染的概念证明。
我不能说它有多好，但你可以从它开始。

您还可以查看一些alternatives。
其中一些提供开箱即用的服务器渲染。

【讨论】：

会的。谢谢丹！

【解决方案2】：

我刚刚创建了 react 通用（服务器端渲染）启动器，使用了 redux 和 react-router v4 的推荐。免费填写反馈意见

https://github.com/gzoreslav/react-redux-saga-universal-application

【讨论】：

【解决方案3】：

您可以通过将 react-scripts 替换为稍有改动的版本 - react-app-tools 将您的应用程序（使用 Create React App 引导）提升到一个新的水平，这允许将服务器端代码添加到您的项目中（例如，用于服务器端呈现目的和/或实现 API 端点）。它将允许使用普通的 Create React App 管道，使用 Webpack 的单个实例，在同一个 HTTP 端口上编译和运行您的应用程序。

您可以访问React App SDK了解更多信息。

【讨论】：