@zedtech/zedkit-flags
Read flags in React
Register an in-memory provider from a registry and subscribe to local overrides via `useFlag`.
alpha
Usage
At a glance
- Who: Client components that gate UI on feature flags.
- What: Register an in-memory provider from a registry and subscribe to local overrides via
useFlag. - Use when: Apps already using OpenFeature on the web; wrap a subtree that needs typed defaults.
- Avoid when: Server Components — evaluate on the server and pass props.
Preview
@zedtech/zedkit-flags/react — ZedkitFlagsProvider, useFlag, OpenFeatureProvider, OpenFeature, TypedInMemoryProvider, useBooleanFlagValue, useStringFlagValue, useNumberFlagValue
Preview
Preview feature is off (registry default).
Install
pnpm add @zedtech/zedkit-flagsLatest: 0.1.0 (via changesets).
Example
import { defineFlagRegistry } from "@zedtech/zedkit-flags";
import { useFlag, ZedkitFlagsProvider } from "@zedtech/zedkit-flags/react";
const registry = defineFlagRegistry({ newDashboard: false });
export function FeatureGate({ children }: { children: React.ReactNode }) {
return (
<ZedkitFlagsProvider registry={registry}>
<FeatureGateInner>{children}</FeatureGateInner>
</ZedkitFlagsProvider>
);
}
function FeatureGateInner({ children }: { children: React.ReactNode }) {
const show = useFlag("newDashboard", false);
return show ? children : null;
}Wraps: @openfeature/react-sdk, @openfeature/web-sdk (peers)