@faststats/react

FastStats 网络分析反应

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

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

"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() 添加特性到 目前没有完整身份的访客:

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

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

"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()]}
        />
    );
}

地物标志

"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> 改为 键和值类型;见 已打入标记。 。 。 . useIdentify 财务报告和审定财务报表 useLogout 为新用户重新评价旗帜 . useFeatureFlags() 返回运行 实例 status, (中文(简体) ), details(), (中文(简体) ), setContext() 财务报告和审定财务报表 reload(); 见 @faststats/web 对选项.