@farmart-tech/brave-react-adapter

Brave Ship React Adapter - React components and hooks for feature flag management

This package provides a set of React contexts, providers, and hooks to easily integrate Brave Ship feature flags and maintenance windows into React applications.

Example: Basic setup with FeatureReaderProvider

import { FeatureReaderProvider, FeatureFlagGate } from '@farmart-tech/brave-react-adapter';

function App() {
  return (
    <FeatureReaderProvider workspace="production" db={firestore}>
      <FeatureFlagGate flag="new_feature" fallback={<OldUI />}>
        <NewUI />
      </FeatureFlagGate>
    </FeatureReaderProvider>
  );
}

Example: Using useFeatureEnabled hook

import { useFeatureEnabled } from '@farmart-tech/brave-react-adapter';

function MyComponent() {
  const { isEnabled, loading } = useFeatureEnabled('experimental_feature');

  if (loading) return <span>Loading...</span>;
  return isEnabled ? <ExperimentalView /> : <StandardView />;
}