Setup
Sign up for Segment.io and create a Segment.io project for your mobile application.
Install the target:
Copy npm install --save @redux-beacon/react-native-segment
Usage
Copy import Segment from '@redux-beacon/react-native-segment';
import SegmentAnalytics from '@segment/analytics-react-native';
// Create or import an events map.
// See "getting started" pages for instructions.
SegmentAnalytics.setup(writeKey, options);
const Analytics = SegmentAnalytics;
const segment = Segment();
const segmentMiddleware = createMiddleware(eventsMap, segment);
Event Definitions
Don't see your event listed? Please submit a pull request to the Redux Beacon repository with the missing event. Use the source of the existing event-helpers
to guide your work. If you need any support feel free to make the pull request with all you're able to do. We can fill in the gaps from there.
pageView
Docs:
https://segment.com/docs/sources/mobile/react-native/#screen
Copy import { trackPageView } from '@redux-beacon/segment';
const pageView = trackPageView((action, prevState, nextState) => {
return {
name: /* (optional) */
properties: /* (optional) */
};
});
event
Docs:
https://segment.com/docs/sources/mobile/react-native/#track
Copy import { trackEvent } from '@redux-beacon/react-native-segment';
const event = trackEvent((action, prevState, nextState) => {
return {
name: /* fill me in */,
properties: /* (optional) */,
};
});
alias
Docs:
https://segment.com/docs/sources/mobile/react-native/#alias
Copy import { setAlias } from '@redux-beacon/react-native-segment';
const alias = setAlias((action, prevState, nextState) => {
return {
userId: /* fill me in */,
};
});
group
Docs:
https://segment.com/docs/sources/mobile/react-native/#group
Copy import { setGroup } from '@redux-beacon/react-native-segment';
const group = setGroup((action, prevState, nextState) => {
return {
groupId: /* fill me in */,
traits: /* (optional) */,
};
});
identify
Docs:
https://segment.com/docs/sources/mobile/react-native/#identify
Copy import { identifyUser } from '@redux-beacon/react-native-segment';
const user = identifyUser((action, prevState, nextState) => {
return {
userId: /* fill me in */,
traits: /* (optional) */,
};
});
reset
Docs:
https://segment.com/docs/sources/mobile/react-native/#reset
Copy import { reset } from '@redux-beacon/react-native-segment';
const resetRequest = reset();