Skip to main content

DevCycle React Native

The DevCycle React Native SDK lets you easily integrate your React Native web applications with DevCycle.

info

This SDK is compatible with React Native Expo.

caution

Extra steps are required to get DevCycle working with React Native Web. See the React Native Web section below for more information.

info

Currently, DevCycle for React Native only supports access via functional component hooks.

The React Native SDK is available as a package on npm. A separate React Native Expo SDK is available as a package on npm. Both SDKs are also open source and can be viewed on Github.

Npm package version Npm package version GitHub

Requirements:​

This SDK is compatible with React Native version 0.64.0 and above.

React Native Web​

To get your React Native Web working with DevCycle, you will need to change one of the rules in the webpack config to include .cjs files as one of the file types to be transpiled, e.g.:

const createExpoWebpackConfigAsync = require('@expo/webpack-config');

module.exports = async function (env, argv) {
  const config = await createExpoWebpackConfigAsync(env, argv);

  config.module.rules = config.module.rules.map(rule => {
      if (rule.oneOf instanceof Array) {
        // add "cjs" as an exclusion to this rule to prevent it from being regarded as an asset
        rule.oneOf[rule.oneOf.length - 1].exclude = [/\.(js|mjs|jsx|cjs|ts|tsx)$/, /\.html$/, /\.json$/];
      }
      return rule;
    });

  return config;
};

For more information, see this Github issue.