FeatureSignals

React SDK

React components and hooks for evaluating feature flags in React applications.

Installation

bash
npm install @featuresignals/react

Requirements: React 18+

Quick Start

tsx
import { FeatureSignalsProvider, useFlag, useReady } from '@featuresignals/react';

function App() {
  return (
    <FeatureSignalsProvider
      sdkKey="fs_cli_your_client_key"
      envKey="production"
      userKey="user-123"
    >
      <YourApp />
    </FeatureSignalsProvider>
  );
}

function MyComponent() {
  const ready = useReady();
  const darkMode = useFlag('dark-mode', false);

  if (!ready) return <div>Loading...</div>;
  return <div className={darkMode ? 'dark' : 'light'}>...</div>;
}

Hooks

tsx
// Single flag
const enabled = useFlag('my-flag', false);

// All flags
const flags = useFlags();

// Readiness state
const ready = useReady();

// Error state
const error = useError();

Next Steps