基于create-react-app的反应应用程序的通用渲染

时间:2016-08-08 08:41:03

标签: reactjs webpack universal isomorphic-javascript

我有一个基于create-react-app入门套件的应用程序,由于SEO问题需要切换到通用/服务器渲染。

是否有一种简单的方法或示例来获取create-react-app teamplate并添加或修改它以支持通用渲染?

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

感谢。

编辑:仅供参考, 我发现this中等帖子指向this存储库。

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

3 个答案:

答案 0 :(得分:9)

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

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

答案 1 :(得分:0)

我刚刚创建了反应通用(服务器端呈现)启动器,使用了redux和react-router v4的建议。免费填写反馈

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

答案 2 :(得分:0)

您可以将 // Set every view holder that is locked to the locked symbol if (downloadingAlarm.getAlarmFreeorPaid().equals("PAID") && !downloadingAlarm.getAlarmPurchased()){ holder.itemView.setActivated(true); }else{ holder.itemView.setActivated(false); } // Update the background with checked or unchecked (keeping track of the selected position) if (selected_position != 101){ if(selected_position == position){ holder.itemView.setSelected(true); }else{ holder.itemView.setSelected(false); } } else{ //reset your data on views } 替换为稍微更改的版本react-scripts,将您的应用(通过创建React应用程序引导)带到下一个级别,这允许向您的项目添加服务器端代码(例如用于服务器端呈现和/或实现API端点)。它将允许使用正常的Create React App管道在同一个HTTP端口上使用Webpack的单个实例来编译和运行您的应用程序。

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