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 plugin is enabled on the Settings/Preferences | 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.