我有一个基于create-react-app入门套件的应用程序,由于SEO问题需要切换到通用/服务器渲染。
是否有一种简单的方法或示例来获取create-react-app teamplate并添加或修改它以支持通用渲染?
我认为通用的很多例子对我的需求来说过于复杂,如果可能的话,我更喜欢保持它非常干净和简单。
感谢。
编辑:仅供参考, 我发现this中等帖子指向this存储库。
看起来很简单,但由于我是所有webpack / react / node相关内容的新手,如果有人认为这是错误的做法,那就很想知道......
答案 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找到更多信息。