react-static 学习笔记

为什么选择react-static

一个用于React的渐进式静态站点生成器。

React-Static是基于React及其生态系统的快速，轻量级且功能强大的渐进式静态站点生成器。它类似于您在Create React App之类的工具中所惯用的简单性和开发人员体验，并且经过精心设计，以提高性能，灵活性和用户/开发人员体验。

官方资料

• Npm: https://www.npmjs.com/package/react-static
• Github: https://github.com/react-static/react-static
• website: https://microsoft.github.io/reactxp/

入门

React Static附带CLI，以创建新项目，开发您的应用程序并将其捆绑用于生产。必须使用CLI才能使React Static正常运行。

要安装CLI：

$ yarn global add react-static
 ＃或 
$ npm install -g react-static

首先，运行：

$ react-static
 ＃或 
$ npx react-static

什么是渐进式静态网站？

渐进式静态站点是一个网站，每个静态导出的HTML页面都是一个功能完整的自动代码拆分React应用程序的入口。

就像普通的静态网站一样，静态渐进式网站能够非常快速地加载初始登录页面，但是随后通过将其无形转换为单页React应用程序来扩展用户体验。

一旦渐进式静态站点页面加载了它的React应用程序，它就可以做令人惊奇的事情！

• 预取页面资产
• 在页面之间即时导航
• 提供普通静态站点中不可能的交互性
• 订阅并显示实时和动态数据
• 您可以在React应用程序中想象的一切！