redux-segement-react-native

setup.js

import { createStore, applyMiddleware } from ‘redux’;
import { takeEvery, call } from ‘redux-saga/effects’;
import createSegmentTracker from ‘redux-segment-node’;
import { navigateTo } from ‘gatsby-link’;
import { flow } from ‘lodash/fp’;
import { NAVIGATE_TO, GET_CLIENT_INFORMATION } from ‘~/shared/store/app/actionTypes’;
import { SEGMENT_KEY as key } from ‘~/shared/constants’;
import {
 middlewares,
 sagaMiddleware,
 sagas,
 reducers,
 initialState,
 initializeStore,
 composeEnhancers,
} from ‘~/shared/store’;

const segmentMiddleware = createSegmentTracker({
 key,
 flushAfter: 1000,
});

const middleware = applyMiddleware.apply(null, [...middlewares, segmentMiddleware]);
const store = createStore(reducers, initialState, composeEnhancers(middleware));

const webInitializer = (webStore) => {
 webStore.dispatch({
   type: GET_CLIENT_INFORMATION,
   clientInformation: {
     userAgent: navigator.userAgent,
     locale: navigator.language,
   },
 });

 return webStore;
};

export default flow(webInitializer, initializeStore)(store);