How to install react native in pc: 10 minutes
install
react
native
react native
- By Code solution
- Jan 20th, 2021
- 0 comments
- 2
React Native
React Native is like React, but it uses native components instead of web components as building blocks. So to understand the basic structure of a React Native app, you need to understand some of the basic React concepts, like JSX, components, state, and props.
Create React Native App is the easiest way to start building a new React Native application. It allows you to start a project without installing or configuring any tools to build native code - no Xcode or Android Studio installation required
Required software
-
Android Studio (IDE)
-
Android SDK
-
Java
-
Node Js
-
NPM
-
React native cli
-
Xcode (Create ios application)
Project Structure
project name
android // Android code
ios // IOS Code
node_modules // npm packages
.babelrc // .babelrc file
.buckconfig // .buckconfig file
.flowconfig // .flowconfig file
.gitattributes // .gitattributes file
.gitignore // .gitignore file
.watchmanconfig // .watchmanconfig file
App.js // App.js file
app.json // app.json file
index.js // index file
package.json // package file
yarn.lock // yarn file
Installing Command
After installing required software open terminal/cmd and run command step by step
Sudo npm install -g react-native-cli
Create starter application
Create default application by using the react native CLI (Command Line Interface):
react-native init
Serve Browser
After creating the project then run this command to serve application browser:
cd react-native start
Run Application emulate/device
Once you have dependencies installed you are ready to run or emulate/device the application:
react-native run-android // run android device react-native run-ios // run ios device
This step Follow to create a hybrid application using the react native.
Thanks :)