Setup React Native Environment For IOS | Android |

Опубликовано: 01 Январь 1970
на канале: JAS ACADAMY

2,889

Setting up the development environment
This video will help you install and build your first React Native app in mac

If you are new to mobile development, the easiest way to get started is with Expo CLI. Expo is a set of tools built around React Native and, while it has many features, the most relevant feature for us right now is that it can get you writing a React Native app within minutes. You will only need a recent version of Node.js and a phone or emulator. If you'd like to try out React Native directly in your web browser before installing any tools, you can try out Snack.

If you are already familiar with mobile development, you may want to use React Native CLI. It requires Xcode or Android Studio to get started. If you already have one of these tools installed, you should be able to get up and running within a few minutes. If they are not installed, you should expect to spend about an hour installing and configuring them.

Step 0 — Install npm and node.js

Go to the node.js website (https://nodejs.org/en/)and install node.js. npm is distributed with Node.js which means that when you download Node.js, you automatically get npm installed on your computer.
npm is a package manger for JavaScript programming language, and the default package manager for Node.js Javascript runtime environment.

Step 1 — Install Homebrew

Open your terminal and run the following code to install Homebrew −
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Hom...)"
If for some reason copying and pasting the above didn’t work, please go directly to the website and copy and paste the command/code from there.

Step 2 — Install Watchman

Run the following code to install Watchman.
brew install watchman

Step 4 Android — Install Android Studio

You can install Android studio by following this link.

https://developer.android.com/studio

3. Configure the ANDROID_HOME environment variable

sudo nano ~/.zshrc

export ANDROID_SDK_ROOT=$HOME/Library/Android/sdk
export ANDROID_HOME=$HOME/Library/Android/sdk
export PATH=$PATH:$ANDROID_HOME/emulator:$PATH
export PATH=$PATH:$ANDROID_HOME/tools:$PATH
export PATH=$PATH:$ANDROID_HOME/tools/bin:$PATH
export PATH=$PATH:$ANDROID_HOME/platform-tools:$PATH
export JAVA_HOME=$(/usr/libexec/java_home)

source ~/.zshrc

Java Development Kit

brew install --cask adoptopenjdk/openjdk/adoptopenjdk11

https://reactnative.dev/docs/environm...

#tags
react native ui,react native ios app,react native,react native course,react native code,react native build ios,react native state,reactnative,react native app,react native 2020,react native 2021,react-native,react native ios app icon,react native project,react native ios simulator,react native tutorial,react native xcode setup,react native crash course,react native for beginners,react native project setup,react native ios app tutorial,figma react native,setup react native,react native app,react native ios,react native program,react native tutorial,getting started with react native,react native environment setup mac m1,react native,react native android,react native programming,2019 react native,react native project tutorial,react native environment setup for mac m1,react native for beginners,react native first project,react native environment setup for macbook,react-native,react native developer tools,react native app,react native course,react native,react native project,react native tutorial,reactnative,react native setup for windows,react native 2020,react-native,react native crash course,react native app tutorial,learn react native,react native for beginners,react native developer tools,react native environment setup for windows 10,react native tutorial for beginners,getting started with react native,windows terminal setup,react,react.js,react native ui,react native ios app,react native,react native course,react native code,react native build ios,react native state,reactnative,react native app,react native 2020,react native 2021,react-native,react native ios app icon,react native project,react native ios simulator,react native tutorial,react native xcode setup,react native crash course,react native for beginners,react native project setup,react native ios app tutorial,figma react native,react native course,react native app,react native crash course,react native,react native app tutorial,reactnative,react native 2020,react native project,react native for beginners,react-native,react native tutorial,react native developer tools,learn react native,

#reactnative #android #ios #reactjs

0:00 Homebrew installation
3:05 Node & watchman Installation
11:22 Git Installation
14:06 Node version checking
14:21 Open JDK Installation
16:29 Checking JAVA version
16:47 Android Studio Installation
25:02 Android Sample Project
25:39 SDK installation
29:52 Virtual Device Installation
30:29 ANDROID HOME variable
31:14 React Native Sample project
36:20 Step 12 Vysor installation
38:03 VS Code installation