服务器渲染在静态网站上反应js

我一直在探索最近的反应,我看到你如何设置像节点到服务器呈现代码的东西。 我真的很感兴趣,因为速度的原因使用静态页面,但我不知道是否有可能使用静态html时,呈现反应组件。

我可以使用像nginx触发反应呈现? 还是我需要更多,不得不使用像节点,铁轨,或sinatra? 对不起,如果这是一个误导的问题,我没有强烈的服务器客户端交互意识。

我们导出一个函数,允许您呈现静态HTML – ReactDOMserver.renderComponentToStaticMarkup ( docs )。

您需要运行Node才能调用该函数。 或者,您也可以在开发您的站点的同时使用该函数,并调用它来生成一个静态HTML文件,并将其写入磁盘。 你仍然需要节点来调用这个函数,但是你不需要生产节点。 然后,您可以使用该文件(例如,可以使用GitHub页面,S3或真正的任何地方,因为它只是HTML)。

如果您打算在CDN中托管您的React网络应用程序(例如,GitHub页面,Amazon S3 / CloudFront,Firebase),则可能需要在编译步骤中将所有基于响应的页面预渲染为静态HTML文件。 这里是一个例子:

https://github.com/koistya/react-static-boilerplate

(免责声明:我是作者)

下一步,你可以为这个站点添加一个Travis CI自动构建配置,这样一旦新版本的源文件被推送到GitHub仓库,Travis CI将构建项目并将其推送到GitHub页面(或者Amazon S3,Firebase)。

是的,使用服务器渲染,你可以生成一个静态版本的网站,像任何静态网站一样提供服务。

https://github.com/reactjs/react-page

React可以为动态的,联网的应用程序提供动力。 但是通过react-page,React也可以用来构建一个静态博客,Github文档或者其他静态网站。 由于react-page使用服务器渲染,因此创建静态网站与单个wget命令一样简单。

节点server.js wget -mpck –user-agent =“”-e robots = off http:// localhost:8080 / index.html在OS X上获取wget:尝试http://osxdaily.com/2012/05/ 22 / install-wget-mac-os-x /或者如果您有brew:brew install wget

这预先建立你的整个交互式网站,所以它可以从文件服务器或github等服务。不要忘记在您的文件服务器上启用gzip! 反应标记很大,但压缩得很好。