Getting started
Quickstart
Get your first feature flag live in under five minutes. This guide walks through creating a flag, installing the SDK, and reading its value in your app.
1. Install the SDK
Add the FlagFish client to your project with a single command.
$ npm install @flagfish/react
2. Wrap your app
Initialize the provider with your client key, available in your dashboard settings.
import { FlagFishProvider } from '@flagfish/react'; <FlagFishProvider clientKey="ff_live_..."> <App /> </FlagFishProvider>
3. Read a flag
Use the useFlag hook anywhere in your component tree.
const enabled = useFlag('new-navigation', false);
Flag changes propagate in real-time — no redeploy needed. Toggle new-navigation in
your dashboard and watch it update live.