

To continue developing an existing React Native application, open it in IntelliJ IDEA and download the required dependencies. Starting with an existing React Native application See React Native Getting Started guide for detailed installation instructions.

The list of these tools depends on your operating system and the mobile platform you are going to target your application at.

Install other tools to get started with React Native, for example, an iOS simulator. When you click Create, IntelliJ IDEA generates a React Native-specific project with all the required configuration files, downloads the dependencies, and creates a run/debug configuration of the type React Native with default settings. When creating an application, select the folder where the react-native-cli package is stored. Select a configured interpreter from the list or choose Add to configure a new one.įrom the React Native list, select npx -package react-native-cli react-native.Īlternatively, for npm version 5.1 and earlier, install the react-native-cli package yourself by running npm install -g react-native-cli in the Terminal Alt+F12. In the Node Interpreter field, specify the Node.js interpreter to use. Make sure that React Native is selected in Project type.

In the righ-hand part of the wizard, specify the project name and the folder to create it in. In the New Project dialog, select React Native in the left-hand pane. Select File | New | Project from the main menu or click the New Project button on the Welcome screen. The recommended way to create a React Native application in IntelliJ IDEA is to use a dedicated project generator, for example, the React Native CLI. Make sure the JavaScript and TypeScript and JavaScript Debugger required plugins are enabled on the Settings | Plugins page, tab Installed, see Managing plugins for details. Make sure you have Node.js on your computer. IntelliJ IDEA also provides code completion for React and Flow symbols. IntelliJ IDEA helps you create, edit, lint, run, debug, and maintain your React Native applications. Learn more from the React Native official website. It is created by Facebook and used for such well-known apps as Instagram, Airbnb, and now JetBrains’ own YouTrack mobile application. With React Native you can develop native mobile applications for iOS and Android using JavaScript and React.
