dvc-cra-sample.js

/*
1. Create a new project with create-react-app
2. yarn add @devcycle/devcycle-react-sdk
3. Replace src/App.js with the following
4. enter your envKey and variableKey
*/

import logo from './logo.svg';
import './App.css';
import { useDVCVariable, withDVCProvider } from '@devcycle/devcycle-react-sdk'

// change these
const envKey = 'envKey'
const variableKey = 'variableKey'

function App() {
  const variable = useDVCVariable(variableKey, false)
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <p>{variable.value ? "Variable is true" : "Variable is false"}</p>
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
    </div>
  );
}

export default withDVCProvider({
  envKey,
  user: { isAnonymous: true },
})(App)