React Native: Segment

Search…
​Setup​
​Usage​
​Event Definitions​
Setup
1.​Sign up for Segment.io and create a Segment.io project for your mobile application.
2.Add React Native Segment by following the guide.
3.Install the target:
 npm install --save @redux-beacon/react-native-segment
Usage
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
​pageView​
​event​
​alias​
​group​
​identify​
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​
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​
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​
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​
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​
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​
import { reset } from '@redux-beacon/react-native-segment';
​
const resetRequest = reset();
React Native: GoogleTagManager
API Reference
Last modified 3yr ago
Copy link
Outline