React Truflag SDK

npm install react-featureflags-client

import { useEffect } from 'react';
import Flags, { useFlag, useFlagsReady } from 'react-featureflags-client';

export function App() {
  useEffect(() => {
    void Flags.configure({ apiKey: 'pk_live_xxx' });
  }, []);

  const ready = useFlagsReady();
  const enabled = useFlag('new-checkout', false);

  if (!ready) return <div>Loading...</div>;
  return enabled ? <CheckoutV2 /> : <CheckoutV1 />;
}

Identity Updates

await Flags.login({
  id: 'user-123',
  attributes: { plan: 'pro' },
});

// Merges attributes for the current logged-in user.
// Unspecified keys are preserved.
await Flags.setAttributes({
  country: 'US',
});

Flags.identify(user) is an alias for Flags.login(user).