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.

Next Core concepts →