阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      react-static 学习笔记

      为什么选择react-static

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

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

      官方资料

      入门

      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应用程序中想象的一切!

      https://raw.githubusercontent.com/react-static/react-static/master/media/flow.png

      目录
      目录