Comment on page
Provide targeting attributes
Hypertune is uniquely architected to let you define targeting attributes at the:
root
level- individual flag level
And provide them during:
- SDK initialization
- local flag evaluation
- a mix of both
Typically, you'll provide targeting attributes when locally evaluating the
root
flag, passing it the context
argument you defined in your schema. You'll get back the Root
SDK node which will have type-safe methods to evaluate all your individual flags. For example:import React, { useEffect, useMemo } from "react";
import hypertune from "./hypertune";
export default function useHypertune() {
// Trigger a re-render when flags are updated
const [, setCommitHash] = React.useState<string | null>(
hypertune.getCommitHash()
);
useEffect(() => {
hypertune.addUpdateListener(setCommitHash);
return () => {
hypertune.removeUpdateListener(setCommitHash);
};
}, []);
// Return the Hypertune root node initialized with the current user
return useMemo(
() =>
hypertune.root({
context: {
user: { id: "test_id", name: "Test", email: "[email protected]" },
},
}),
[]
);
}
hypertune.upgradeCopy({ selectedPlan }).get(/* fallback */ "Upgrade your plan");