Would really like the ability to use Mixpanel with ReactJS without having to worry about forgetting dev checks when calling track or identify, or solving this with a a wrapper function that calls Mixpanel during the user authentication/sign up.
Best answer by cherise
View originalHi
I use redux. Every time when I dispatch an action I record it with mixpanel. I also use meta field for non payload values but important for mixpanel.
I have used redux. Every time when I dispatch an action I record it with mixpanel. I also use meta field for non payload values but important for mixpanel.
The best way to use mixpanel with react applications is by using redux, this way all the actions triggered within your app will be capture by mixpanel, you can blacklist and whitelist actions/events to be sent to mixpanel via a middleware.
https://github.com/neciu/react-mixpanel (React)
https://github.com/danscan/rn-redux-mixpanel (React-Native)
A handy library has recently appeared for thishttps://www.npmjs.com/package/react-mixpanel-provider-component
+3
+3
We are excited to announce that we have shipped the React Native SDK!
Please use the following resources to use the SDK, and post in Sending data to Mixpanel if you have any questions!
Developer guide: https://developer.mixpanel.com/docs/react-native
Github link: https://github.com/mixpanel/mixpanel-react-native
Sample App: https://github.com/mixpanel/mixpanel-react-native/tree/master/MixpanelDemo
The accepted answer is incorrect, the original question was about ReactJS, whereas the answer points to React Native, a different technology.
This accepted answer doesn’t answer the question, because React Native is not the same as ReactJS. But some other responses do point to a mechanism for using mixpanel in a ReactJS web app.
See also this recent library that provides a `useMixpanel` hook:
https://www.npmjs.com/package/react-mixpanel-browser
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.
