![React React](/uploads/1/3/3/9/133946344/966301222.png)
If you don’t have any yet, create one using my previous blog to create a Restaurant Search React-native app here. Click on Run on Android device/emulator and it will try to open it. First time it will also install expo app on the Android simulator. Android emulator. If successful, you will see our restaurant app running on Android Simulator. Let’s install create-react-native-app NPM package first using the below command. Npm install -g create-react-native-app Then run the following commands to create a new React Native project called “myApp”: cd /opt create-react-native-app myApp The above commands will create a directory myApp and generate required files for the starting.
React is a cross-platform JavaScript library maintained by Facebook. It’s used for creating user interfaces. Using the React Native, you can easily build the mobile apps. React Native provide Hot reloading of your application. So you can build your app faster. Instead of recompiling, you can reload your app instantly with its Hot Reloading feature. Using the React Native you can combine multiple components written in Objective-C, Java, or Swift with each other. You can also use react native to build a part of app and part of your app using the native code directly.
Use this quick start guide to start developing your mobile application with React Native.
Step 1 – Install Node.js
React native required Node.js to be installed on your system. To start development with a new app, we recommend using latest Node.js version. If you don’t have Node.js installed, Use one of below link to install latest node.js on your system.
Step 2 – Create React Native App
I’m using create-react-native-app NPM module for the creating the new react native app for the quickstart development. Let’s install create-react-native-app NPM package first using the below command.
Then run the following commands to create a new React Native project called “myApp”:
The above commands will create a directory myApp and generate required files for the starting development. Let’s go to below step to start development server with the new app.
Step 3 – Start React Native App
The following commands will start a development server for you and print a QR code in your terminal. Use this qb code with your Expo app to access this app directory. Make sure the application system and mobile device are on same network.
Step 4 – Open App on Mobile Device
To access react application during development, I use Expo Android app on my Android device, You can install this application on Google Play.
Mac Create React Native App Install Free
After installation, start Expo app and scan the above showing barcode in your terminal window. As soon as you scan the barcode, you will see the build JavaScript message appear on your terminal. The same message will appear on the bottom of your Expo app on your mobile device.
Mouse app mac os. After build finished, the default page will show on your mobile screen. It shows as following on my device.
https://cititree.weebly.com/blog/how-do-you-open-apps-on-mac. For the testing purpose, I opened a new terminal and navigate to the myApp directory. Now followed the instruction shown on default page and edited App.js. Change the Text with my own sample text.