Setting up the React Native development environment

improve this page | report issue

Overview

React Native is a framework for building native iOS and Android application using React that helps you rapidly build native mobile applications using web technologies such as HTML, CSS, and Javascript.

If you are a developer who has chosen React Native as the framework to develop your mobile or web app, the following sections help you get started with IBM Mobile Foundation SDK in your React Native app.

You can use your preferred code editor such as Atom.io, Visual Studio Code, Eclipse, IntelliJ and others for writing your applications.

Prerequisite: As you setup your React Native development environment, make sure to also read the Setting up the MobileFirst development environment tutorial.

Installing the React Native CLI

To get started with React Native development the first step required is to install the React Native CLI.

To install React Native CLI:

  • Download and install NodeJS.
  • From a Command-line window, run the command:
    npm install -g react-native-cli
    

Adding the Mobile Foundation SDK to your React Native app

To continue with MobileFirst development in React Native applications, the MobileFirst React Native SDK or plug-ins need to be added to the React Native application.

Learn how to add the MobileFirst SDK to React Native applications. For application development, refer to the tutorial Adding the Mobile Foundation SDK to React Native applications.

Inclusive terminology note: The Mobile First Platform team is making changes to support the IBM® initiative to replace racially biased and other discriminatory language in our code and content with more inclusive language. While IBM values the use of inclusive language, terms that are outside of IBM's direct influence are sometimes required for the sake of maintaining user understanding. As other industry leaders join IBM in embracing the use of inclusive language, IBM will continue to update the documentation to reflect those changes.
Last modified on July 23, 2018