React 数据请求库 SWR 发布 1.0.0 版本

栏目: 软件资讯 · 发布时间: 4年前

内容简介:React 数据请求库 SWR 1.0 已正式发布。SWR 是用于数据请求的 React Hooks 库,其名字来自于stale-while-revalidate:一种由 HTTP RFC 5861 推广的 HTTP 缓存失效策略。这种策略首先从缓存中返回数据(过期的),...

React 数据请求库 SWR 1.0 已正式发布。SWR 是用于数据请求的 React Hooks 库,其名字来自于stale-while-revalidate:一种由 HTTP RFC 5861 推广的 HTTP 缓存失效策略。这种策略首先从缓存中返回数据(过期的),同时发送 fetch 请求(重新验证),最后得到最新数据。

使用 SWR,组件将会不断地、自动获得最新数据流。
UI 也会一直保持快速响应。

React 数据请求库 SWR 发布 1.0.0 版本

新特性:

  • 更轻量:1.0.0 版本相较上一版本 0.5.6 核心体积减小 41%,安装包体积减小 52%,优化 tree-shaking

React 数据请求库 SWR 发布 1.0.0 版本

  • 支持预加载数据作为 fallback:对于服务端渲染 (SSR)、静态站点生成 (SSG) 等场景有更好的支持

1.0 增加了新的fallback选项,支持提供任何预抓取 (pre-fetched) 数据作为所有具有特定键值的 SWR hooks 的初始值:

<SWRConfig value={{
  fallback: {
    '/api/user': { name: 'Bob', ... },
    '/api/items': ...,
    ...
  }
}}>
  <App/>
</SWRConfig>
  • 支持 immutable 模式:可定义数据为 immutable,不重复请求

import useSWRImmutable from 'swr/immutable'

// ...

useSWRImmutable(key, fetcher, options)
  • 中间件 (middleware) 支持:多场景拓展(示例

<SWRConfig value={{ use: [...middleware] }}>

// ... or directly in `useSWR`:
useSWR(key, fetcher, { use: [...middleware] })
  • 自定义缓存提供层:持久化、离线、测试等场景(文档

详情查看 Announcing SWR 1.0 – SWR


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Charlotte's Web

Charlotte's Web

E. B. White / Scholastic / 2004 / USD 0.01

This is the tale of how a little girl named Ferm, with the help of a friendly spider, saved her pig, Wilbur, from the usual fate of nice fat little pigs.一起来看看 《Charlotte's Web》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

XML 在线格式化
XML 在线格式化

在线 XML 格式化压缩工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具