React 中用于获取、缓存和更新异步数据的钩子

喜欢这个库吗？试试整个TanStack！React Table、React Form、React Charts

访问react-query.tanstack.com获取文档、指南、API 等更多信息！

还在使用React Query v2？没问题！请在此处查看 v2 文档：https://react-query-v2.tanstack.com/。

快速功能

• 与传输方式/协议/后端无关的数据获取（REST、GraphQL、Promise，等等！）
• 自动缓存 + 重新获取（过期后重新验证、窗口重新聚焦、轮询/实时）
• 并行查询 + 从属查询
• 变异 + 响应式查询重新获取
• 多层缓存 + 自动垃圾回收
• 分页 + 基于光标的查询
• 加载更多 + 无限滚动查询（带滚动恢复）
• 取消请求
• React Suspense + 渲染时获取查询预取
• 专用开发者工具
• （取决于导入的功能）

成为赞助商！

贡献者 ✨

感谢以下这些可爱的人们（表情符号说明）：

坦纳·林斯利 💻 🤔 💡 🚧 👀

安德烈·切尔尼亚夫斯基 💻 🐛

蒂博·蒂贝尔吉安 📖

罗希特·加格 🔧

阿维纳什 💻 🐛

杰森·奥尼尔 🚧 ⚠️

赵杰克

关于

discord.js 是一个功能强大的Node.js模块，可让您轻松地与Discord API进行交互。

• 面向对象
• 可预测的抽象
• 表演者
• 100% 覆盖 Discord API

安装

需要Node.js 16.6.0或更高版本。

npm install discord.js 
yarn add discord.js 
pnpm add discord.js

可选套餐

• zlib-sync用于 WebSocket 数据压缩和解压缩（npm install zlib-sync）
• erlpack用于显著加快 WebSocket 数据（反）序列化速度（npm install discord/erlpack）
• bufferutil用于更快的 WebSocket 连接（npm install bufferutil）
• utf-8-validate与bufferutilWebSocket 处理速度大幅提升（npm install utf-8-validate）
• @discordjs/voice用于与 Discord Voice API 交互

用法示例

安装所有必需的依赖项：

npm install discord.js @discordjs/rest discord-api-types 
yarn add discord.js @discordjs/rest discord-api-types 
pnpm add discord.js @discordjs/rest discord-api-types

向 Discord API 注册斜杠命令：

const  {  REST  }  =  require ( '@discordjs/rest' ) ; 
const  { Routes }  =  require

NextAuth.js

Next.js 的身份验证

开源。全栈。掌控你的数据

概述

NextAuth.js 是一个完整的开源身份验证解决方案，适用于Next.js应用程序。

它从一开始就被设计成支持 Next.js 和 Serverless 架构。

入门

npm install --save next-auth

继续入门的最简单方法是按照我们文档中的入门部分进行操作。

我们还提供了一个教程专区，供那些想要寻找更具体示例的用户参考。

请访问next-auth.js.org获取更多信息和文档。

特征

灵活易用

• 它旨在与任何 OAuth 服务配合使用，支持 OAuth 1.0、1.0A 和 2.0。
• 内置支持多种常用登录服务
• 支持电子邮件/无密码身份验证
• 支持与任何后端（Active Directory、LDAP 等）进行无状态身份验证
• 同时支持 JSON Web Tokens 和数据库会话
• 专为无服务器架构设计，但可在任何地方运行（AWS Lambda、Docker、Heroku 等）。

拥有你自己的数据

NextAuth.js 可以与……一起使用。

Cropper.js

JavaScript图像裁剪器。

• 网站
• 照片编辑器- Cropper.js 的高级示例。
• jquery-cropper - Cropper.js 的 jQuery 插件封装。

目录

• 特征
• 主要的
• 入门
• 选项
• 方法
• 活动
• 无冲突
• 浏览器支持
• 贡献
• 版本控制
• 执照

特征

• 支持 39 种选项
• 支持 27 种方法
• 支持 6 项活动
• 支持触控（移动设备）
• 支持缩放
• 支持旋转
• 支持缩放（翻转）
• 支持多种裁剪方式
• 画布裁剪辅助工具
• 支持在浏览器端通过 canvas 裁剪图像。
• 支持翻译 Exif 方向信息
• 跨浏览器支持

主要的

dist/
├── cropper.css
├── cropper.min.css   (compressed)
├── cropper.js        (UMD)
├── cropper.min.js    (UMD, compressed)
├── cropper.common.js (CommonJS, default)
└── cropper.esm.js    (ES Module)

入门

安装

npm install cropperjs

在浏览器中：

< link   href =" /path /to/ cropper.css " rel = " stylesheet " > 
< script  src =" /path/to/cropper.js " > </script>

cdnjs为 Cropper.js 的 CSS 和 JavaScript 提供 CDN 支持。您可以在这里找到相关链接……

clean-code-javascript

目录

1. 介绍
2. 变量
3. 函数
4. 对象和数据结构
5. 课程
6. 坚硬的
7. 测试
8. 并发性
9. 错误处理
10. 格式化
11. 评论
12. 翻译

介绍

本文阐述了罗伯特·C·马丁（Robert C. Martin）著作《代码整洁之道》（Clean Code）中的软件工程原则，并将其应用于 JavaScript。这不是风格指南，而是指导如何使用JavaScript 编写可读性强、可重用、可重构的软件。

并非本文中的每一条原则都必须严格遵守，更少有原则能得到普遍认同。这些仅仅是指导原则，但它们是《代码整洁之道》的作者们多年集体经验的总结。

软件工程这门技艺至今不过五十余年，我们仍在不断学习。或许当软件架构与建筑本身一样古老时，我们才能拥有更严格的规则。就目前而言，就让这些准则作为评估 JavaScript 代码质量的试金石吧……

温斯顿

几乎可以记录所有事情的日志。

winston@3

请参阅升级指南了解更多信息。欢迎提交错误报告和 PR！

正在查找winston@2.x文档？

请注意，以下文档是为winston@3 “阅读winston@2.x文档”而编写的。

动机

winston该库旨在成为一个简单通用的日志库，支持多种传输方式。传输方式本质上是日志的存储设备。每个日志winston记录器可以配置多个传输方式（参见“传输方式”），并可设置不同的日志级别（参见“日志级别”）。例如，用户可能希望将错误日志存储在持久化的远程位置（例如数据库），而将所有日志输出到控制台或本地文件。

winston旨在解耦日志记录过程的各个部分，使其更加灵活和可扩展。重点在于支持日志格式（参见：格式）和级别（参见：使用自定义日志级别）的灵活性，以及​​……

超棒的自托管

自托管是指在本地托管和管理应用程序，而不是从SaaS提供商处租用应用程序。

这是一份可本地托管的自由软件网络服务和Web应用程序列表。非自由软件列于“非自由软件”页面。

参见“贡献”部分。

目录

点击README.md旁边的菜单图标，即可查看各部分列表。

软件

分析

^ back to top ^

请访问Awesome Analytics

相关内容：个人仪表盘

归档和数字保存 (DP)

^ back to top ^

一些内容管理系统解决方案还具有归档和数字保存功能。

• Access to Memory (AtoM) - 一款基于 Web 的开源应用程序，用于在多语言、多存储库环境中进行符合标准的归档描述和访问。（演示，源代码）AGPL-3.0-only PHP
• ArchiveBox - 自托管的互联网档案馆，可根据您的书签、浏览历史记录、RSS 源或其他来源创建网站的 HTML 和屏幕截图存档。（源代码…）

面向 Node.js 的下一代浏览器和移动自动化测试框架

首页|开发者指南| API 参考|贡献|更新日志|路线图

WebdriverIO 是一个测试自动化框架，它允许您基于Webdriver协议和Appium自动化技术运行测试。它支持您常用的 BDD/TDD 测试框架，并可在本地或云端（使用 Sauce Labs、BrowserStack、TestingBot 或 LambdaTest）运行测试。

👩‍💻 👨‍💻 贡献

你喜欢 WebdriverIO 并想帮助它变得更好？太棒了！请查看我们的贡献者文档，开始设置代码仓库。

如果你想参与解决问题，请查看标记为“good first pick”的问题。如果你对如何开始贡献代码有任何疑问，也可以在我们的Gitter 频道联系我们。

🏢 企业版 WebdriverIO

作为 Tidelift 订阅服务的一部分提供。

WebdriverIO 的维护者以及……

👍
react-use

^{精选React Hooks 移植版翻译 ：libreact
🇨🇳 汉语}

npm i react-use

• 传感器
  • useBattery— 跟踪设备电池状态。
  • useGeolocation— 跟踪用户设备的地理位置状态。
  • useHover并且useHoverDirty— 跟踪鼠标悬停在某个元素上的状态。
  • useHash— 跟踪位置哈希值。
  • useIdle— 跟踪用户是否处于不活跃状态。
  • useIntersection— 跟踪 HTML 元素的交点。
  • useKey，，，useKeyPress和useKeyboardJs—useKeyPressEvent轨道键。
  • useLocation并useSearchParam跟踪页面导航栏位置状态。
  • useLongPress— 跟踪某个元素的长按手势。
  • useMedia— 跟踪 CSS 媒体查询的状态。
  • useMediaDevices— 跟踪已连接硬件设备的状态。
  • useMotion— 跟踪设备运动传感器的状态。
  • useMouse并useMouseHovered跟踪鼠标位置状态。
  • useMouseWheel— 跟踪鼠标滚轮滚动的Y轴偏移量。
  • useNetworkState— 追踪…

模拟服务人员

Mock Service Worker (MSW) 是一个用于浏览器和 Node.js 的 API 模拟库。

特征

• 无缝衔接。为您提供专用的请求拦截层。让您的应用程序代码和测试完全无需感知哪些内容被模拟了。
• 零偏差。申请相同的生产资源，测试应用程序的实际行为。增强现有 API，或者在没有 API 的情况下边开发边设计。
• 熟悉且强大。使用类似Express的路由语法来捕获出站请求。使用参数、通配符和正则表达式来匹配请求，并使用必要的状态码、标头、Cookie、延迟或完全自定义的解析器进行响应。

我找到了MSW ，欣喜若狂，因为我不仅还能在开发者工具中看到模拟响应，而且这些模拟代码不必写在 Service Worker 中，而是可以与应用程序的其他部分并存。这……