使用Nashorn Engine进行React Server-Side Rendering-低调大师

使用Nashorn Engine进行React Server-Side Rendering

2018-03-11 639

几个月前上线了一个电子商务系统平台，运用React开发前web前端，Groovy开发后端 REST API，应用性能及前端交互的响应非常好，但是有一个非常大的痛点。

整个React应用包括库与应用代码在minfy之后仍然超过2MB。当用户第一次访问应用浏览器无缓存时，页面一片空白，原因是浏览器需要下载JavaScript文件。即使已经使用webpack进行代码分割，访问页面仍需要下载1.5MB以上Javascript。在一个250KB/s的下载带宽下，页面可能需要~8秒才能首次渲染。这严重影响用户体验。

解决单页应用的首次渲染方案很明显是进行Server-Side渲染。在google了一些解决方案后，大多数文章及demo都是基于NodeJS，这也很自然，前后端都是JavaScript技术栈。因为web端采用了React，手机端采用了R

微信关注我们

原文链接：https://yq.aliyun.com/articles/530126

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Is server side rendering a good choice for React application

Single page application like react provides a wonderful user experience, however, it comes with two issues: For user who accesses the website at first time, there is no cache of javascript files in browser, it may take long time to download javascript and execute if react application is huge. Then time to first render is long. The html is generated on browser by running

2018-03-12

622

因为我用的是windows系统,有些linux命令无法使用,所以我安装了linux的子系统ubuntu,具体安装方法可以参考这篇文章,今天这里我这里就主要介绍下ubuntu系统下常用软件的安装配置 node.js Node.js是建立在谷歌的V8 JavaScript引擎服务器端的软件平台上;在构建高性能的服务器端应用程序上,Node.js在JavaScript中已是首选方案,是什么让使用Node.js库和应用程序的庞大生态系统来开发服务器后台变得如此流行;Node.js自带一个被称为npm的命令行工具可以让你轻松地安装它,进行版本控制并使用npm的在线仓库来管理Node.js库和应用程序的依赖关系下载和安装nodejs 以下部分我们将介绍在Ubuntu Linux下安装Node.js,其他的Linux系统如Centos等类似如下安装步骤第一种方法从nodejs官网 http://nodejs.org/ 下载最新源代码到本地home目录,然后再解压,配置,编译,最后安装; 命令如下所示: // 下载nodejs压缩文件,也可以直接点开网址点击下载 $ wget http://no...

2018-03-12

793

资源下载

更多资源

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。