splitio-react

$3

This package assumes you would import splitio use CDN (recommended in docs https://help.split.io/hc/en-us/articles/360020448791-JavaScript-SDK).
``

javascript

$3

yarn add splitio-react

$3

javascript
import { SplitIOProvider } from 'splitio-react';
const App = () => (
      splitKey={'CUSTOMER_ID'}
    authorizationKey={'SPLIT_IO_API_KEY'}
    attributes={{
      attrA,
      attrB,
      attrC,
      ...otherAttrs
    }}
    splits={[SPLIT_NAMES]}
  >

$3

javascript
import { useSplitTreatment } from 'splitio-react';
const SplitView = () => {
  const treatmentValue = useSplitTreatment('SPLIT_NAME');
  const client = useSplitClient();
  useEffect(() => {
    if (treatmentValue === 'on') {
      client.track('traffic type', 'event');
    }
  }, [treatmentValue]);
  return treatmentValue === 'on' ? 
On
 : Off

};

splitio-react

$3

This package assumes you would import splitio use CDN (recommended in docs https://help.split.io/hc/en-us/articles/360020448791-JavaScript-SDK).
``

javascript

$3

yarn add splitio-react

$3

javascript
import { SplitIOProvider } from 'splitio-react';
const App = () => (
      splitKey={'CUSTOMER_ID'}
    authorizationKey={'SPLIT_IO_API_KEY'}
    attributes={{
      attrA,
      attrB,
      attrC,
      ...otherAttrs
    }}
    splits={[SPLIT_NAMES]}
  >

$3

javascript
import { useSplitTreatment } from 'splitio-react';
const SplitView = () => {
  const treatmentValue = useSplitTreatment('SPLIT_NAME');
  const client = useSplitClient();
  useEffect(() => {
    if (treatmentValue === 'on') {
      client.track('traffic type', 'event');
    }
  }, [treatmentValue]);
  return treatmentValue === 'on' ? 
On
 : Off

};