react-server 介绍
react Server是 一个 Express 中间件, 用于服务使用react构建的通用(同构)JavaScript应用程序。
使用
# install yeoman
npm install -g yo
# install the react-server generator
npm install -g generator-react-server
# make a new react-server project in the CURRENT directory
yo react-server
# run the new app
npm run start
# go to http://localhost:3000
为什么react-server呢react的一大优点是它对服务器端渲染的 支持 ,这可以使网站对 用户 的 显示速度 更快,并可以与 搜索 引擎机器人更好地协作。
但是,当您实际尝试使用react进行服务器端渲染时,您很快会遇到一系列实际问题,例如:
我应该如何在服务器上为组件加载数据?
如何确保客户端和服务器加载相同的数据并 生成 相同的html 标记 ?
如何编写既可以在服务器端 生成 又可以作为单页应用程序(SPA)一部分的 代码 ?
我应该如何优化JavaScript和css的交付?
我如何找到并遵循最佳 性能 实践?
如何确保人为地将网站尽快流式传输到浏览器?
当后端出现高延迟峰值时,如何使我的应用程序具有弹性?
react-server是 一个 旨在使通用(née同构)React易于编写的框架,为这些问题以及更多问题提供了标准答案。在为编写应用程序时react-server,您将专注于React组件,并react-server负责运行和部署真正的React服务器渲染的应用程序所需的所有其他操作。在react-server 后台 进行了一系列聪明的优化,其中许多借鉴了Facebook的Big Pipe背后的思想,以确保您的网站能尽快以人性化的方式呈现给 用户 。
网站地址 : https://react-server.io/
GitHub: https://github.com/redfin/react-server
网站描述: 构建React应用的 一个 Express 中间件
react-server官方网站
官方网站: https://react-server.io/
如果觉得 网站内容还不错,欢迎将 网站 推荐给程序员好友。