如何使 reactjs/flux/react-router spa 同构?

Posted

技术标签:

【中文标题】如何使 reactjs/flux/react-router spa 同构?【英文标题】:How to make reactjs/flux/react-router spa isomorphic? 【发布时间】:2015-10-10 10:07:51 【问题描述】:

我用 reactjs、flux(没有第三方实现)和 react-router 开发了 spa。

我现在如何使它同构?用于 SEO 和更好的初始加载性能。

【问题讨论】:

这个问题太宽泛了。你试过谷歌搜索“reactjs 同构”吗?您是否查看过其他处理同构的 Flux 实现以及它们如何处理它?你有什么具体的问题吗?你有一些具体的示例代码要分享吗? 【参考方案1】:

有很多资源可以帮助做到这一点。我还使用了我的客户端专用应用程序,并在这些资源的帮助下使其同构......

React Router Mega Demo Isomorphic Webapp React Express Coffee Comprehensive Guide to Building Apps with React JS - Part 1 " " Part 2 Build A Real-Time Twitter Stream with Node and React.js Going Isomorphic React (slideshow) Setting Up a Simple Isomorphic React app Serverside React Rendering: Isomorphic javascript with ReactJS + Node

我很难让我的机器离开地面,但这绝对是值得的!祝你好运。

【讨论】:

【参考方案2】:

这是一个现实生活中的同构应用程序https://github.com/WebbyLab/itsquiz-wall,已经解决了很多同构问题。你可以举个例子。

这是我的帖子,详细描述了所有同构问题 - "The Pain and the Joy of creating isomorphic apps in ReactJS"。

【讨论】:

以上是关于如何使 reactjs/flux/react-router spa 同构?的主要内容,如果未能解决你的问题,请参考以下文章

如何使 RelativeLayout 半透明但不使活动

如何用word使图片上下居中

如何使图像自动调整大小,使宽度为 100% 并相应调整高度?

如何使 UISegmentedcontrol 透明?

如何使 textarea 填充 div 块?

如何使 UITableViewCell 显示为禁用?