可以取消央求及自动转换 JSON 数据。
react-query
⚛️ Hooks for fetching, caching and updating asynchronous data in React
https://github.com/tannerlinsley/react-query
react-query 是一个用在 React 项目中,用于获取、缓存和更新异步数据的钩子。该库拥有以下特性:
多层缓存 + 自动渣滓回收;
支持分页和基于游标的查询;
支持加载更多、有限滚动查询和滚动恢复;
自动缓存 + 重新获取(重新验证时有效,窗口重新聚焦,轮询/实时)。
✨ 扩展阅读 ✨
77.9K 的 Axios 项目有哪些值得自创的中央
数据存储
PouchDB
🐨 - PouchDB is a pocket-sized database.
https://github.com/pouchdb/pouchdb
PouchDB 是一个阅读器内数据库,允许运用顺序在本地保存数据,以便用户即使在离线时也可以享用运用顺序的一切功用。另外,数据在客户端之间是同步的,因此用户可以随时随地保持最新形状。
PouchDB 也在 Node.js 中运转,可以用作与 CouchDB 兼容的效劳器的直接接口。该 API 在每个环境中任务都是相反的,因此你可以花更少的时间来担忧阅读器的差异,而花更多的时间来编写洁净、分歧的代码。
PouchDB 支持一切现代阅读器:
Firefox 29+ (Including Firefox OS and Firefox for Android)
Chrome 30+
Safari 5+
Internet Explorer 10+
Opera 21+
Android 4.0+
iOS 7.1+
Windows Phone 8+
PouchDB 在幕后运用 IndexedDB,若以后环境不支持 IndexedDB 则回退到 Web SQL。
Rxdb
💻 🔄 📱 A realtime Database for JavaScript Applications.
https://github.com/pubkey/rxdb
RxDB(Reactive Database 的缩写)是 NoSQL 数据库,用于 JavaScript 运用顺序,如网站,混合运用顺序,Electron Apps,Progressive Web Apps 和 Node.js。照应式意味着你不只可以查询以后形状,还可以订阅一切形状更改,比如查询的结果或文档的单个字段。
RxDB 支持以下特性:
Mango-Query:支持 mquery API 从集合中获取数据,支持链式的 mongoDB 查询作风。
Replication:由于 RxDB 依赖于 PouchDB,因此很容易完成终端设备与效劳器之间的数据同步。
Reactive:RxDB 使得同步 DOM 的形状变得很复杂。
MultiWindow/Tab:当 RxDB 的两个实例运用相反的存储引擎,它们的形状和操作流将会被播送。这意味着关于两个阅读器窗口,窗口 #1 的数据变化也会自动影响窗口 #2 的数据形状。
Schema:经过 jsonschema 来定义 Schemas,它们用来描画数据格式。
Encryption:经过将形式字段设置为encrypted,该字段的值将以加密形式存储,没有密码就无法读取。
✨ 扩展阅读 ✨
前端存储除了 localStorage 还有啥
微前端
qiankun
📦 🚀 Blazing fast, simple and completed solution for micro frontends.
https://github.com/umijs/qiankun
qiankun 是一个基于 single-spa 的微前端完成库,旨在协助大家能更复杂、无痛的构建一个消费可用微前端架构系统。目前 qiankun 已在蚂蚁外部效劳了超过 200+ 线上运用,在易用性及完备性上,相对是值得信任的。
该库拥有以下特性:
📦 基于 single-spa 封装,提供了愈加开箱即用的 API;
📱 技术栈有关,恣意技术栈的运用均可 运用/接入,不论是 React/Vue/Angular/JQuery 还是其他等框架;
💪 HTML Entry 接入方式,让你接入微运用像运用 iframe 一样复杂;
🛡 样式隔离,确保微运用之间样式相互不搅扰;
🧳 JS 沙箱,确保微运用之间 全局变量/事情 不抵触;
⚡️ 资源预加载,在阅读器闲暇时间预加载未翻开的微运用资源,减速微运用翻开速度;
🔌 umi 插件,提供了 @umijs/plugin-qiankun 供 umi 运用一键切换成微前端架构系统。
single-spa
The router for easy microfrontends
https://github.com/single-spa/single-spa
Single-spa 是一个将多个单页面运用聚合为一个全体运用的 JavaScript 微前端框架。运用 single-spa 停止前端架构设计可以带来很多益处,例如:
独立部署每一个单页面运用;
改善初始加载时间,迟加载代码;
新功用运用新框架,旧的单页运用不用重写可以共存;
(责任编辑:admin)