@homeexchange/react-roulette v1.0.4

Roulette SDK JavaScript

Simple Example with React hooks

// Root.jsx
import React from 'react';
import App from './App';
import { RouletteProvider } from 'react-roulette';

export default function Root() {
  return (
    <RouletteProvider userID={123} endpoint="https://localhost">
      <App />
    </RouletteProvider>
  );
}

// App.jsx
import React from 'react';
import { useRoulette } from 'react-roulette';

function App() {
  const [variables] = useRoulette();

  return (
    <div>
      {variables.test && <h1>Version {variables.test}!</h1>}
    </div>
  );
}

export default App;

Simple Example with Higher-Order Component

// Root.jsx
import React from 'react';
import App from './App';
import { RouletteProvider } from 'react-roulette';

export default function Root() {
  return (
    <RouletteProvider userID={123} endpoint="https://localhost">
      <App />
    </RouletteProvider>
  );
}

// App.jsx
import React, { Component } from 'react';
import { object } from 'prop-types';
import { withRoulette } from 'react-roulette';

class App extends Component {
  static propTypes = {
    variables: object.isRequired
  };

  render() {
    const { variables } = this.props;

    return (
      <div>
        {variables.test && <h1>Version {variables.test}!</h1>}
      </div>
    );
  }
}

export default withRoulette(App);