SWR-POC:缓存策略与数据持久性探索

SWR-POC:探索数据获取新思路

SWR-POC 项目尝试使用缓存策略解决数据持久性和状态管理问题,并探索 Vercel SWR 解决方案的潜力。

核心功能

  • useFetch Hook:实现 SWR 核心功能的抽象层,简化数据获取过程。
  • 重新验证焦点:确保数据始终保持最新状态。
  • 持久化请求数据:利用缓存策略实现数据持久性。
  • 路由缓存管理:有效管理本地和相关路由的缓存数据。

技术栈

  • React:构建用户界面的 JavaScript 库。
  • TypeScript:提供静态类型检查的 JavaScript 超集。
  • SWR:Vercel 开发的用于数据获取的 React Hooks 库。

快速开始

  1. 克隆项目:git clone https://github.com/danieljpgo/swr-poc.git
  2. 安装依赖:yarn install
  3. 启动项目:按照项目文档中的说明运行应用程序

通过 SWR-POC,您可以深入了解数据获取和缓存策略的应用,并探索 Vercel SWR 的强大功能。

zip
swr-poc-master.zip 预估大小:41个文件
folder
swr-poc-master 文件夹
file
package.json 1KB
folder
.github 文件夹
file
code.png 225KB
file
swr-logo.png 5KB
file
create.gif 43.93MB
file
react-logo.png 35KB
file
persist.gif 20.05MB
file
retry.gif 27.22MB
file
edit-persist.gif 18.45MB
file
LICENSE 1KB
folder
src 文件夹
file
react-app-env.d.ts 40B
folder
app 文件夹
folder
routes 文件夹
file
index.tsx 466B
folder
pages 文件夹
folder
Details 文件夹
file
styles.ts 535B
file
index.tsx 1KB
folder
Users 文件夹
folder
Form 文件夹
file
styles.ts 447B
file
index.tsx 1KB
folder
List 文件夹
file
styles.tsx 452B
file
index.tsx 952B
file
styles.ts 264B
file
index.tsx 3KB
folder
Card 文件夹
file
styles.ts 590B
file
index.tsx 710B
folder
common 文件夹
folder
components 文件夹
folder
ErrorMessage 文件夹
file
index.tsx 262B
folder
Button 文件夹
file
styles.ts 320B
file
index.tsx 365B
folder
LoadingMessage 文件夹
file
index.tsx 165B
folder
TextField 文件夹
file
styles.ts 316B
file
index.tsx 387B
folder
types 文件夹
file
user.ts 73B
folder
services 文件夹
file
api.ts 115B
folder
utils 文件夹
folder
hooks 文件夹
file
useFetch.ts 558B
file
index.tsx 683B
folder
styles 文件夹
file
styles.d.ts 123B
file
theme.ts 54B
file
global.ts 1KB
file
index.tsx 198B
file
tsconfig.json 530B
file
db.json 389B
file
.gitignore 310B
folder
public 文件夹
file
index.html 467B
file
README.md 4KB
file
yarn.lock 521KB
zip 文件大小:110MB