# @faststats/react 中文文档

规范地址：https://npmcn.com/package/%40faststats/react/

版本：0\.15\.1
npm 元数据更新时间：2026-11-08T21:38:45.306Z
中文译文更新时间：2026-11-14T11:35:38.298Z
软件包许可：未声明

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%40faststats/react
原文对照：https://npmcn.com/package/%40faststats/react/?lang=original
项目主页：https://github.com/faststats-dev/faststats-javascript#readme
源码仓库：https://github.com/faststats-dev/faststats-javascript

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：11.7 kB，16 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：1 个
- peer 依赖：react \>=18
- 首次发布：2026-03-15T11:58:21.652Z
- 最新版本发布：2026-11-08T21:38:45.142Z
- 近 30 天下载量：2232（2026-10-15 至 2026-11-13，npm 官方下载统计）
- 已发布版本数：54（近 12 个月 54 个）

## 中文简介

> \[有重大意义\] 这个储存库处于早期开发阶段,并不打算用于生产.

## 安装

```sh
npm install @faststats/react
```

也可以使用：`pnpm add @faststats/react`、`yarn add @faststats/react`、`bun add @faststats/react`

## README

## FastStats 网络分析反应

> \[大 这个储存库处于早期开发阶段,并不打算用于生产.

React提供商拥有一个明确的浏览器SDK实例. 访问组件 通过钩子而不是全过程的功能.

```tsx
"use client";

import { Analytics, useTrack } from "@faststats/react";

export function App() {
    return <Analytics siteKey="site_123" />;
}

export function UpgradeButton() {
    const track = useTrack();
    return <button onClick={() => track("upgrade_clicked")}>Upgrade</button>;
}
```

`useIdentify()` 将访客链接到用户 `useSetTraits()` 添加特性到 目前没有完整身份的访客:

```tsx
const setTraits = useSetTraits();
await setTraits({ plan: "pro" });
await setTraits({ signupSource: "reddit" }, { mode: "setOnce" });
```

从可树动回放子路径导出可获取扩展 :

```tsx
"use client";

import { Analytics } from "@faststats/react";
import { errorTracking } from "@faststats/react/error";
import { sessionReplay } from "@faststats/react/replay";
import { webVitals } from "@faststats/react/web-vitals";

export function FastStats() {
    return (
        <Analytics
            siteKey="site_123"
            extensions={[errorTracking(), webVitals(), sessionReplay()]}
        />
    );
}
```

### 地物标志

```tsx
"use client";

import { Analytics } from "@faststats/react";
import { featureFlags, useFlag } from "@faststats/react/flags";

const flags = featureFlags();

export function FastStats() {
    return <Analytics siteKey="site_123" extensions={[flags]} />;
}

export function Checkout() {
    const newCheckout = useFlag("new-checkout", false);
    return newCheckout ? <NewCheckout /> : <OldCheckout />;
}
```

`useFlag` 返回服务器渲染期间的默认值, 直至旗帜出现 装入后,再以国旗的值重新投放. 第一个解释是: 服务价值记录了暴露情况。 运行 `faststats flags typegen <project>` 改为 键和值类型;见 [已打入标记](https://npmcn.com/package/%40faststats/core/README.md#typed-flags)。 。 。 . `useIdentify` 财务报告和审定财务报表 `useLogout` 为新用户重新评价旗帜 . `useFeatureFlags()` 返回运行 实例 `status`, (中文(简体) ), `details()`, (中文(简体) ), `setContext()` 财务报告和审定财务报表 `reload()`; 见 [`@faststats/web`](https://npmcn.com/package/%40faststats/core/README.md#feature-flags) 对选项.

## 常见问题

### @faststats/react 是什么？

\[有重大意义\] 这个储存库处于早期开发阶段,并不打算用于生产\.

### 如何安装 @faststats/react？

在项目目录运行 npm install @faststats/react，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（\>=18）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @faststats/react 支持 TypeScript 吗？

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

### @faststats/react 支持 ESM 还是 CommonJS？

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

### @faststats/react 可以商用吗？

@faststats/react 使用 未声明 许可。package\.json 没有声明许可证。没有许可证的代码默认保留全部权利，商用前请联系作者或查看仓库中的 LICENSE 文件。以上为概括，不构成法律意见，请以许可原文为准。

### @faststats/react 的下载量有多少？

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

### @faststats/react 还在维护吗？

最新版本 0\.15\.1 发布于 2026/11/09（5 天前）；至今共发布 54 个版本，其中过去 12 个月发布了 54 个；首次发布于 2026/03/15。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。