JavaScript

Start your React Native Expo project using a pre built template

Introduction

In this section you will learn how to get started with a React Native with Expo template and how to connect it to Back4App in 4 easy steps.

Prerequisites

To complete this tutorial, you will need:

  • An app created on Back4App.
  • Look at the get npm guide for more info.
  • Expo cli installed following this guide){:target=”_blank” rel=”nofollow”}.

Step 1 - Get the template

Download the template at our GitHub repository. You can do that using the following command line:

$ curl -LOk https://github.com/templates-back4app/react-native-expo/archive/master.zip && unzip master.zip

Step 2 - Download app’s dependencies

  1. Make sure that you have installed the npm in your system.

    Look at the get npm guide for more info.

  2. Run npm install in the project directory to install required react dependencies.
  3. Run npm start in the project directory to compile and enable automatic re-compiles to your app.

Step 3 - Set up app’s credentials

Update strings values for app ID and JavaScript Key to set up the app’s credentials. Parse JavaScript SDK uses these settings to connect your app to Back4App servers.

  1. Open your React file at: constants/Keys.js.
  2. Go to your app Dashboard at Back4App Website and click on Server Settings.
  3. Return to your Keys.js file and paste your App Id and Javascript Key on it.

Step 4 - Test your connection

  1. Open your project’s terminal.
  2. Make sure you have installed the npm depedencies by typing npm install.
  3. Run expo start --tunnel
  4. Done, the React Native must be installed and you also can see the device going to your dashboard.

It’s done!

At this point, you have learned how to get started with React Native app