Introducing Support for React Native

We're excited to announce that mParticle now supports @ReactNative on Android and iOS!:

  • We are excited to announce that mParticle now supports React Native on Android and iOS!
  • While a wide variety of SDKs are available for iOS and Android, many do not support React Native, so app developers need to write platform-specific code (which somewhat defeats React Native’s purpose).
  • In the same way that React Native abstracts the OS, allowing you to focus on the UI, mParticle abstracts the integrations, allowing you to focus on writing your app.
  • By leveraging the mature mParticle SDKs already available for iOS and Android, and the cross-platform capabilities of React Native, your app can have a single clean codebase connected to all the app services you need to run your business.
  • Like our other SDKs, the React Native module is open source and hosted on GitHub:

With the React Native SDK, learn how your app can have a single clean codebase connected to all the app services you need to run your business.
Continue reading “Introducing Support for React Native”

A Glimpse Into The Future With React Native For Web – Smashing Magazine

✎ A glimpse into the future with React Native for Web:

  • We must make an index JavaScript file for the web.
  • 6 React Native iOS welcome screen ( View large version 7 ) React Native Android welcome screen8 React Native Android welcome screen ( View large version 9 )
  • 26 React Native iOS animation ( View large version 27 )
  • … React Native long friends list for iOS22 React Native’s long friends list for iOS ( View large version 23 ) React Native long friend list web24 React Native’s long friends list for the web ( View large version 25 )
  • import React, { Component } from ‘react’; import { Image, StyleSheet, Text, View, } from ‘react-native’; const styles = StyleSheet.create({ friend: { flexDirection: ‘row’, alignItems: ‘center’, justifyContent: ‘flex-start’, }, avatar: { margin: 10, width: 50, height: 50, borderRadius: 25, }, name: { fontSize: 18, color: ‘#000’, } }); export default class Friend extends Component { render() { return ( {this.props.firstName} {this.props.lastName} ); } }

Read the full article, click here.


@smashingmag: “✎ A glimpse into the future with React Native for Web:”


React Native can help you make iOS and Android apps with a shared code base, without sacrifices in quality. Clayton Anderson takes a glimpse into the future with React Native for Web…


A Glimpse Into The Future With React Native For Web – Smashing Magazine