fly63前端网

www.fly63.com

首页文章资源工具教程 栏目
  • 关于我们
  • 网站投稿
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

关闭

提交网站

react-server
分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://react-server.io/
GitHub:https://github.com/redfin/react-server
网站描述:构建React应用的一个Express 中间件

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://fly63.com/nav/2812

more>>
相关栏目
react
Facebook开发的一款高效、灵活、声明式设计的JS库
官网GitHub
AngularJS
Google推出有条理,可维护,易编程的MVVM框架
官网GitHub
backbone
提供:模型、集合、视图,开发重量级的javascript应用的框架
官网GitHub
jquery
一个快速、简洁的JavaScript代码库
官网GitHub
zepto.js
一个轻量级的针对现代高级浏览器的JavaScript库
官网GitHub
Ember
JavaScript MVC框架,它用来创建复杂的Web应用程序,消除了样板
官网GitHub
nw.js
轻量级桌面应用开发的捷径
官网GitHub
socket.io
一个WebSocket库,包括了客户端的js和服务器端的nodejs
官网GitHub
nuxt.js
基于 Vue.js 的轻量级、服务端渲染 (SSR) 应用框架
官网GitHub
Next.js
实现react的服务端渲染的框架
官网GitHub
Electron
基于Chromium 和 Node.js, 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用
官网GitHub
htmx
无需JavaScript的动态HTML
官网GitHub
Nerv
一款由京东凹凸实验室打造的类React前端框架
官网GitHub
lodash
一致性、模块化、高性能的 JavaScript 实用工具库
官网GitHub
ocLazyLoad
AngularJS 的延迟加载(惰性加载)模块和组件
点击进入GitHub
weui.js
WeUI 的轻量级 js 封装
点击进入GitHub

手机预览