SDKs

React SDK

Wrap your app with the provider and read flags through hooks.

React SDK

The @openflagsdev/react package builds on the core client and gives React applications an idiomatic hook-based API.

Provider setup

import { OpenFlagsProvider } from "@openflagsdev/react"

root.render(
  <OpenFlagsProvider
    apiUrl="http://localhost:4000"
    project="my-app"
    userId={user?.id}
    refreshIntervalMs={60_000}
  >
    <App />
  </OpenFlagsProvider>
)

Read a single flag

import { useFlag } from "@openflagsdev/react"

export function Checkout() {
  const newCheckout = useFlag("new_checkout")
  return newCheckout ? <NewCheckoutFlow /> : <LegacyCheckout />
}

Read all flags

Use useFlags() when a view needs multiple values and you want a single integration point.

Good fit for

React SPA dashboards
Vite apps
Next.js client-side surfaces
Product experiments with fast UI branching

JavaScript SDK

Use the core client in any JavaScript or TypeScript application.

Deployment

Deploy OpenFlags to production with Docker in one command.

On this page

React SDK Provider setup Read a single flag Read all flags Good fit for