diff --git a/blog/2015/03/26/react-native-bringing-modern-web-techniques-to-mobile.html b/blog/2015/03/26/react-native-bringing-modern-web-techniques-to-mobile.html index 14f63ef917a..f34d5cf4b8c 100644 --- a/blog/2015/03/26/react-native-bringing-modern-web-techniques-to-mobile.html +++ b/blog/2015/03/26/react-native-bringing-modern-web-techniques-to-mobile.html @@ -6,7 +6,7 @@ ga('create', 'UA-41298772-2', 'auto'); ga('send', 'pageview'); -
Edit

Building For TV Devices

-

TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

+
Edit

Building For TV Devices

TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

-
    +
      -
    @@ -273,90 +214,6 @@
  • InputText components do not work for now (i.e. they cannot receive focus).
-
Edit

Building For TV Devices

-

TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

+
Edit

Building For TV Devices

TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

-
    +
      -
    @@ -273,90 +214,6 @@
  • InputText components do not work for now (i.e. they cannot receive focus).
-
Edit

Getting Started

-

This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

+
Edit

Getting Started

This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

-
    +
      -
-

-Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

+

+

Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

npm install -g expo-cli
 

Then run the following commands to create a new React Native project called "AwesomeProject":

@@ -199,12 +123,18 @@ npm start # you can also use: expo start

The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

Development OS: - macOS - Windows - Linux + + + + + +
+
Target OS: - iOS - Android + + + +

Unsupported

@@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can be writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -482,126 +412,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can begin writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -485,126 +415,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can begin writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + + + + + +
    +
    Target OS: - iOS - Android + + + +

    Unsupported

    @@ -485,126 +415,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Building For TV Devices

    -

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    +
    Edit

    Building For TV Devices

    TV devices support has been implemented with the intention of making existing React Native applications "just work" on Apple TV and Android TV, with few or no changes needed in the JavaScript code for the applications.

    -
      +
        -
      @@ -273,90 +214,6 @@
    • InputText components do not work for now (i.e. they cannot receive focus).
    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can begin writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + +
    +
    Target OS: - iOS - Android + +

    Unsupported

    @@ -485,126 +415,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Getting Started

    -

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    +
    Edit

    Getting Started

    This page will help you install and build your first React Native app. If you already have React Native installed, you can skip ahead to the Tutorial.

    If you are coming from a web background, the easiest way to get started with React Native is with Expo tools because they allow you to start a project without installing and configuring Xcode or Android Studio. Expo CLI sets up a development environment on your local machine and you can begin writing a React Native app within minutes. For instant development, you can use Snack to try React Native out directly in your web browser.

    If you are familiar with native development, you will likely want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

    -
      +
        -
    -

    -Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    +

    +

    Assuming that you have Node 10+ installed, you can use npm to install the Expo CLI command line utility:

    npm install -g expo-cli
     

    Then run the following commands to create a new React Native project called "AwesomeProject":

    @@ -199,12 +123,18 @@ npm start # you can also use: expo start

    The instructions are a bit different depending on your development operating system, and whether you want to start developing for iOS or Android. If you want to develop for both iOS and Android, that's fine - you just have to pick one to start with, since the setup is a bit different.

    Development OS: - macOS - Windows - Linux + +
    +
    Target OS: - iOS - Android + +

    Unsupported

    @@ -485,126 +415,6 @@ react-native run-android
  • If you want to add this new React Native code to an existing application, check out the Integration guide.

  • If you're curious to learn more about React Native, continue on to the Tutorial.

    -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Integration with Existing Apps

    -

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    +
    Edit

    Integration with Existing Apps

    React Native is great when you are starting a new mobile app from scratch. However, it also works well for adding a single view or user flow to existing native applications. With a few steps, you can add new React Native based features, screens, views, etc.

    The specific steps are different depending on what platform you're targeting.

    -
      +
        @@ -732,126 +671,6 @@ AppRegistry.

        Now what?

        At this point you can continue developing your app as usual. Refer to our debugging and deployment docs to learn more about working with React Native.

        -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -
    Edit

    Running On Device

    -

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    +
    Edit

    Running On Device

    It's always a good idea to test your app on an actual device before releasing it to your users. This document will guide you through the necessary steps to run your React Native app on a device and to get it ready for production.

    If you used Expo CLI or Create React Native App to set up your project, you can preview your app on a device by scanning the QR code with the Expo app. In order to build and run your app on a device, you will need to eject and install the native code dependencies from the Getting Started guide.

    -
      +
        -
      @@ -154,10 +88,12 @@

      Running your app on Android devices

      -Development OS: -macOS -Linux -Windows + Development OS: + +

      A Mac is required in order to build your app for iOS devices. Alternatively, you can refer to the Quick Start instructions to learn how to build your app using Expo CLI, which will allow you to run your app using the Expo client app.

      @@ -331,126 +267,6 @@ emulator-5554 offline

      Building your app for production

      You have built a great app using React Native, and you are now itching to release it in the Play Store. The process is the same as any other native Android app, with some additional considerations to take into account. Follow the guide for generating a signed APK to learn more.

      -