Simulator, you must enable the Simulator Inspector as well. To see the actual elements highlighted in the Nuclide Element Inspector also highlighted in the Nuclide provides an Element Inspector, where you can view and toggle properties of your application.įrom the Command Palette, choose Nuclide React Inspector: Show to open the React Inspector tab in the Start your React Native application from the command-line.
Loading a React Native ProjectĮstablish that you have a React Native project by seeing the node_modules/react-native directory In order to use React Native within Nuclide, you must Nuclide has support for React Native for iOS.įrom Nuclide, you can start a React Native development server, inspect React Native elements. This should bring up the Simulator with your running application inside. Command LineĮnsure that you are in the root directory of the React Native project, then run the application from the command-line: You can stop and restart the server at anytime. The server runs on the default port 8081. The output in the Console panel indicates if Metro started or if it encountered any errors. Metroįrom the Command Palette, choose Nuclide Metro: Start to start Metro. You run Metro from Nuclide and your application from the command line. Running applicationsĪll React Native features are currently available from the Command Palette.
#Mac react native android emulator code
Native Android code written in conjunction with React Native has minimal support. You can also write native iOS (Objective-C) code with React Native, and getįeatures such as Automatic Square Bracket Completion from Nuclide when doing so.
JavaScript works well with Nuclide as well. If your React Native apps are primarily written in Flow, you get all of its Native iOS and Android applications using the Flow and
React Native provides a set of components and extensions that allows you to easily write Nuclide has built-in support for the React Nativeįramework.