Flagr-feature-react NPM

flagr-feature-react

Usage

import { useFlagr, FlagrContextProvider } from 'flagr-feature-react';

const ID = 'user_123';
const SOME_URL = 'flagrUrl';
const APP_TAGS = ['local'];
const OPTIONAL_CONTEXT = undefined;

const MyApp = () => (
  <FlagrContextProvider
    flagrUrl={SOME_URL}
    tags={APP_TAGS}
    context={OPTIONAL_CONTEXT}
    id={ID}
  >
    <MyComponent />
  </FlagrContextProvider>
);

const MyComponent = () => {
  const { match, loaded } = useFlagr();

  return (
    <>
      {!loaded && 'loading'}
      {loaded && match?.('someFeature') ? 'new hotness' : 'old and busted'}
    </>
  );
};