
Research
/Security News
Contagious Interview Campaign Escalates With 67 Malicious npm Packages and New Malware Loader
North Korean threat actors deploy 67 malicious npm packages using the newly discovered XORIndex malware loader.
react-split-test
Advanced tools
Install the package with npm i --save react-split-test
To use this plugin you will need to get the components from the plugin using react import/require.
const { Experiment, Variation } = require( 'react-split-test' );
To begin you will need to wrap all your variations in an <Experiment>
tag.
Variations then can sit within this using <Variation />
.
<Experiment>
<Variation id="A" percent={ 33 }>
<div>Version A</div>
</Variation>
<Variation id="B" percent={ 33 }>
<div>Version B</div>
</Variation>
<Variation id="original">
<div>Original Version</div>
</Variation>
</Experiment>
If you wanted to add conditions to the split test then you can do this before the <Experiment />
tag and the result from these conditions can be to alter the percent for each <Variation percent={ textPercent } />
.
let testPercent = ConditionA === true ? 50 : 33;
if ( !ConditionB ) testPercent = 0;
<Experiment>
<Variation id="A" percent={ textPercent }>
<div>Version A</div>
</Variation>
<Variation id="B" percent={ textPercent }>
<div>Version B</div>
</Variation>
<Variation id="original">
<div>Original Version</div>
</Variation>
</Experiment>
Default: 'variation'
To use a custom cookie name for variations you can specify it inside the <Experiment />
tag.
<Experiment cookieName="customVariationCookie">
<Variation id="A" percent={ 33 }>
<div>Version A</div>
</Variation>
<Variation id="B" percent={ 33 }>
<div>Version B</div>
</Variation>
<Variation id="original">
<div>Original Version</div>
</Variation>
</Experiment>
Default: null
To use a custom callback function for tracking winning variations you can specify it inside the <Experiment />
tag.
variationWinner( variation ) {
if ( typeof ga === 'undefined' ) return;
ga( 'send', 'variations', 'variation_hit:' + variation );
},
//...
render( ) {
//...
<Experiment cookieName="customVariationCookie" callBack={ this.variationWinner }>
<Variation id="A" percent={ 33 }>
<div>Version A</div>
</Variation>
<Variation id="B" percent={ 33 }>
<div>Version B</div>
</Variation>
<Variation id="original">
<div>Original Version</div>
</Variation>
</Experiment>
FAQs
Split testing using React
The npm package react-split-test receives a total of 0 weekly downloads. As such, react-split-test popularity was classified as not popular.
We found that react-split-test demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
/Security News
North Korean threat actors deploy 67 malicious npm packages using the newly discovered XORIndex malware loader.
Security News
Meet Socket at Black Hat & DEF CON 2025 for 1:1s, insider security talks at Allegiant Stadium, and a private dinner with top minds in software supply chain security.
Security News
CAI is a new open source AI framework that automates penetration testing tasks like scanning and exploitation up to 3,600× faster than humans.