Lib to make experiments with components react
npm install @tiendanube/react-experiments
yarn add @tiendanube/react-experiments
`$3
A primeira coisa a fazer é configurar o Context passando os parametros de controle de exibicão dos experimentos.
Deve-se importar o ProviderExperiment, na raiz englobando seu projeto.##### experiments
Essa prop recebe um objeto com a segunte chave e valor:
{
name_do_experiento: 'variavel_ativa'
}
Exemplo:
`js
experiments = { teste_sidebar: 'a' }
`##### methodParams
Essa prop recebe o method de persistencia dos dados que serão coletados no teste:
`js
method = (nameEvent, variant, extra) => {
return (
$ajax('url-do-uru', {
nameEvent,
variant,
extra
})
)
}
`##### ProviderExperiment
`jsx
import { ProviderExperiment } from '@tiendanube/react-experiments' experimentsParams={experiments}
methodParams={this.method}
>
<- seu projeto
`$3
Após configurar o Provider, vamos a implementação do teste, temos duas props:
name = Nome do experimento deve conter nos experimentos informados no provider
variant = Qual variante daquele component.`jsx
import { Experiment } from '@tiendanube/react-experiments' name="teste_sidebar"
variant="a"
>
`$3
Para utilizar o hook de evento é muito simples, você precisar extrair a função "execute" dentro dele da seguinte forma:
`jsx
import { useEmitter } from '@tiendanube/react-experiments'
const { execute } = useEmitter('name_experiment', {variaveis_extras});
``