couillard

Couillard

Couillard is a small trebuchet you aim and launch at your users. It's a lean A/B testing tool to validate hypotheses and determine what to build.

More About Lean A/B Testing

• Unit 3 Module 1: An Introduction to Experimental Product Development
• Unit 3 Module 2: A/B testing overview
• Unit 3 Module 4: Guidance on Experiments
• Tech planet 2014 트랙2 세션5 Nell Thomas
• Emily Robinson - A/B Testing in the Wild - 2017-07-26

Install

yarn add couillard

Usage

// Your metrics store, can be Segment, Amplitude, SQL, mongo, or what ever you like.
const saveMetrics = metrics =>
  fetch('...', {
    method: 'POST',
    ...,
    body: metrics
  })

// Aim your experiment at your users.
aim('welcome', 50, ['A', 'B'], saveMetrics)

// Create variation A component.
const WelcomeA = launch('welcome', 'A', saveMetrics, props => (
  <p>
    Welcome I'm experiment A, {props.name},{' '}
    <button onClick={hit('welcome', 'A', saveMetrics)}>Click Me</button>{' '}
  </p>
))

// Create variation B component.
const WelcomeB = launch('welcome', 'B', saveMetrics, props => (
  <p>
    Welcome I'm experiment B, {props.name},{' '}
    <button onClick={hit('welcome', 'B', saveMetrics)}>Click Me</button>
  </p>
))

// Only WelcomeA or WelcomeB will render.
const Home = () => (
  <div class={style.home}>
    <h1>Home</h1>
    <WelcomeA name="Jannette" />
    <WelcomeB name="John" />
  </div>
)

export Home