



Install other tools to get started with React Native, for example, an iOS simulator. When you click Create, WebStorm 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. Specify the path to the folder where the project-related files will be stored. In the left-hand pane, choose React Native. The recommended way to create a React Native application in WebStorm is to use a dedicated project generator, for example, the React Native CLI.Ĭlick Create New Project on the Welcome screen or select File | New | Project from the main menu. 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. WebStorm also provides code completion for React and Flow symbols. WebStorm 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.
