Official React Native Tracking Library for Mixpanel Analytics

Introduction

Welcome to the official Mixpanel React Native library. The Mixpanel React Native library is an open-source project, and we’d love to see your contributions! We’d also love for you to come and work with us! Check out Jobs for details

Quick Start Guide

Check out our official documentation for more in depth information on installing and using Mixpanel on React Native.

Installation

Prerequisite

React Native v0.6+
Setup development environment for React Native

Steps

Under your app’s root directory, install Mixpanel React Native SDK npm install mixpanel-react-native
Under your application’s ios folder, run pod install At this point, you are ready to use Mixpanel React Native SDK

Integration

Initialization

To start tracking with the library you must first initialize with your project token. To initialize the library, first add import { Mixpanel } and call Mixpanel.init(token) with your project token as it’s argument.

import { Mixpanel } from 'mixpanel-react-native';
...
class YourClass extends React.Component {
    constructor(props) {
        super(props);
        this.configMixpanel();
    }

    configMixpanel = async () => {
        this.mixpanel = await Mixpanel.init("Your mixpanel token");
    }
...

Once you’ve called this method once, you can access mixpanel throughout the rest of your application.

Tracking

Once you’ve initialized the library, Mixpanel will automatically collect common mobile events. You can enable/ disable automatic collection through your project settings. With the mixpanel object created in the last step a call to track is all you need to send additional events to Mixpanel.

// Track with event-name
mixpanel.track('TrackEvent');
// Track with event-name and property
mixpanel.track('TrackEvent', {'Status': 'Pending'});

You’re done! You’ve successfully integrated the Mixpanel React Native SDK into your app. To stay up to speed on important SDK releases and updates, star or watch our repository on Github.

I want to know more!

No worries, here are some links that you will find useful:

Sample app
Full API Reference

Have any questions? Reach out to support@mixpanel.com to speak to someone smart, quickly.

Download Details:

Author: mixpanel

Demo: https://mixpanel.com/

Source Code: https://github.com/mixpanel/mixpanel-react-native

#react #react-native #mobile-apps