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

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

内容简介: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


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

查看所有标签

猜你喜欢:

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

Web视觉设计

Web视觉设计

Penny McIntire / 叶永彬 / 机械工业出版社 / 2008-08 / 56.00元

本书系统全面地介绍Web页面外观设计的相关知识。本书分为八章:导论、站点分析、导航、页面布局、色彩、图形、排版和表单。全面讲解网站界面所涉及的内容,叙述生动,由浅入深,提供了大量的示例代码以具体地说明如何运用所讨论的设计概念。. 本书可供Web开发技术人员和美工人员参考。...一起来看看 《Web视觉设计》 这本书的介绍吧!

随机密码生成器
随机密码生成器

多种字符组合密码

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具