react-server

编程之家收集整理的这个编程导航主要介绍了react-server编程之家,现在分享给大家,也给大家做个参考。

react-server

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/

如果觉得编程之家网站内容还不错,欢迎将编程之家网站推荐给程序员好友。

相关文章

johnny-five,Bocoup 的 JavaScript 机器和物联网编程框架
WePY,一款让小程序支持组件化开发的框架
Deep playground,神经网络的交互式可视化,使用d3.js和TypeS...
ShareDB,用于并发编辑系统的前端数据库
RxJS,RxJS 是使用 Observables 的响应式编程的库
egg-react-ssr,最小而美的Egg + React + SSR 服务端渲染应用...