Security News
Maven Central Adds Sigstore Signature Validation
Maven Central now validates Sigstore signatures, making it easier for developers to verify the provenance of Java packages.
react-native-ab
Advanced tools
A component for rendering A/B tests in React Native.
npm install react-native-ab@latest --save
All you need is to require
the react-native-ab
module and then use the provided tags (<Experiment>
, and <Variant>
).
var React = require('react-native');
var {
AppRegistry,
StyleSheet,
Text,
View,
TouchableHighlight
} = React;
var { Experiment, Variant } = require('react-native-ab');
var rnabtest = React.createClass({
render: function() {
return (
<View style={styles.container}>
<TouchableHighlight onPress={this._resetExperiment}>
<View>
<Experiment
ref="welcomeExperiment"
name="welcome-message"
onChoice={(test, variant) => console.log(test, variant)}
>
<Variant name="standard">
<Text style={styles.welcome}>
Welcome to React Native!
</Text>
</Variant>
<Variant name="friendly">
<Text style={styles.welcome}>
Hey there! Welcome to React Native!
</Text>
</Variant>
<Variant name="western">
<Text style={styles.welcome}>
Howdy, partner! This here is React Native!
</Text>
</Variant>
</Experiment>
</View>
</TouchableHighlight>
<Text style={styles.instructions}>
To get started, edit index.ios.js
</Text>
<Text style={styles.instructions}>
Press Cmd+R to reload,{'\n'}
Cmd+Control+Z for dev menu
</Text>
</View>
);
},
_resetExperiment() {
this.refs.welcomeExperiment.reset();
}
});
var styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
instructions: {
textAlign: 'center',
color: '#333333',
marginBottom: 5,
},
});
AppRegistry.registerComponent('rnabtest', () => rnabtest);
<Experiment>
Propertiesname
The name of your experiment, for example "welcome-message"
.
choose
Example callback signature: function(variants)
Must return an instance of Variant
A function which should use a randomization algorithm to pick one of your variants. Defaults to a random selection using Math.random()
onChoice
Example callback signature: function(experimentName, variantName)
Called when a Variant
has been chosen for your Experiment
.
onRawChoice
Example callback signature: function(experiment, variant)
Same as onChoice
, but the objects passed are React component instances.
<Experiment>
methodsYou can access component methods by adding a ref
(ie. ref="welcomeExperiment"
) prop to your <Experiment>
element, then you can use this.refs.welcomeExperiment.reset()
, etc. inside your component.
reset()
Resets the experiment. The next time the experiment is rendered, a new variant may be chosen.
getActiveVariant()
Returns the currently displayed Variant
.
getVariant(variantName)
Returns the instance of the specified Variant
name.
<Variant>
Propertiesname
The name of your variant, for example "western"
.
Only the Variant
tag element exist within the Experiment
element. Variant
tags can contain only one root element.
FAQs
A component for rendering A/B tests in React Native
The npm package react-native-ab receives a total of 0 weekly downloads. As such, react-native-ab popularity was classified as not popular.
We found that react-native-ab 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.
Security News
Maven Central now validates Sigstore signatures, making it easier for developers to verify the provenance of Java packages.
Security News
CISOs are racing to adopt AI for cybersecurity, but hurdles in budgets and governance may leave some falling behind in the fight against cyber threats.
Research
Security News
Socket researchers uncovered a backdoored typosquat of BoltDB in the Go ecosystem, exploiting Go Module Proxy caching to persist undetected for years.