@adatechnology/notification-ui

中文文档
0.4.0发布于 2026/10/30MITTypeScriptES Module近 30 天下载 2487

通知 UI — 无头钩 + 组件去收件箱, sino e preferências

中文使用文档
文档目录7 节
  1. 英斯特拉桑
  2. 乌苏
  3. 一个无头的相机,一个普通的相机
  4. 文本
  5. 服务者协会
  6. 电子邮件:na tela de modelos
  7. 语法

@adatechnology/ notification-ui (中文(简体) )

UI de notificação em React: sino com contador,收录于paginado e pachel de preferentências. 中国植物物种信息数据库. 德语 卡马达斯.. 无头 (吼叫,标出)e 组件 (视觉).

英斯特拉桑

bun add @adatechnology/notification-ui

端点 : react, (中文(简体) ), react-dom, (中文(简体) ), @tanstack/react-query。 。 。 .

乌苏

import { NotificationProvider, NotificationBell } from '@adatechnology/notification-ui'
import '@adatechnology/notification-ui/styles.css'

<NotificationProvider client={notificationClient}>
  <NotificationBell />
</NotificationProvider>

组件 : NotificationBell, (中文(简体) ), NotificationList, (中文(简体) ), NotificationItem, (中文(简体) ), PreferencesPanel。 。 。 .

一个无头的相机,一个普通的相机

import { useNotifications, useUnreadCount, useMarkAsRead } from '@adatechnology/notification-ui/headless'

Hooks sem mark up Nenhum: 虎克的标记是: useNotifications (无极忍者), useUnreadCount, (中文(简体) ), useNotificationStream, (中文(简体) ), useMarkAsRead, (中文(简体) ), useMarkAllAsRead, (中文(简体) ), useDeleteNotification, (中文(简体) ), usePreferences, (中文(简体) ), useUpdatePreferences。 。 。 .

原生的波克元件 原生的 取自尼可克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克克 一个交替 普通—— 20道道具 de estilo—— vira um tema pela porta dos fundos que não adende ninguém 格莱托。 Com os hooks, o host escreve o próprio markup 和 não 重新执行缓存, paginação nem (原始内容存档于2017-06-26). recexão de stream.

文本

Nada 的硬码: resolveMessages (原始内容存档于2018-03-29). Recebe o dicionário do host. (原始内容存档于2018-09-21). O default é pt-BR.

服务者协会

Tudo por TanStack 查询——尼尼卡 useEffect + 键 useState (原始内容存档于2013-10-12). Para Carregar da API. O 流执行 SSE 无效 as question em vez de escrever 没有缓存 na mão: a origem da verdade continua sento a API, e 电话: unão se um evento se perder na recexão.

电子邮件:na tela de modelos

欧 NotificationSettingsWorkspace 轨道 notification.standard-email 方:"莫德罗做 司司马", 重生计划,botão"Restaurar padrão" (中文(简体) )useRestoreTemplateDefault, (中文(简体) ), 夏令营 阿苏通 e prévia com as variáveis de exemplo. 中国植物物种信息数据库. 法尔坦多岛 HTML inseguro aparecem listados antes de salvar (英语:standardEmail.util.ts,reusa(英语: assess 履行合同. 文本编辑器 settings.system*编号 :settings.standard* (pt-BR e en) (中文(简体) ).

语法

麻省理工学院

版本与发布记录

@adatechnology/notification-ui 共发布 14 个版本,首次发布于 2026/08/04;过去 12 个月发布了 14 个版本。

版本发布日期距今
0.4.0latest2026/10/309 天前
0.3.02026/10/299 天前
0.2.12026/10/1919 天前
0.2.02026/10/1919 天前
0.1.02026/09/022 个月前
0.1.0-rc.9rc2026/08/262 个月前

关于 @adatechnology/notification-ui 的常见问题

@adatechnology/notification-ui 是什么?

通知 UI — 无头钩 + 组件去收件箱, sino e preferências

如何安装 @adatechnology/notification-ui?

在项目目录运行 npm install @adatechnology/notification-ui,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:react(^18 || ^19)、react-dom(^18 || ^19)、@tanstack/react-query(^5)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

@adatechnology/notification-ui 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

@adatechnology/notification-ui 支持 ESM 还是 CommonJS?

以 ES Module 形式发布,推荐使用 import 引入。在 CommonJS 项目中,Node.js 20.19+ / 22.12+ 可以直接 require() 不含顶层 await 的 ES Module,更早的版本需要改用动态 import()。

@adatechnology/notification-ui 可以商用吗?

@adatechnology/notification-ui 使用 MIT 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。

@adatechnology/notification-ui 的下载量有多少?

根据 npm 官方下载统计,@adatechnology/notification-ui 在 2026/10/05 – 2026/11/03 这 30 天内被下载 2,487 次,日均约 83 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入,适合横向比较热度,不能直接等同于使用人数。

@adatechnology/notification-ui 还在维护吗?

最新版本 0.4.0 发布于 2026/10/30(9 天前);至今共发布 14 个版本,其中过去 12 个月发布了 14 个;首次发布于 2026/08/04。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。