Berikut ini Syiar Digital akan berbagi tutorial Cara Instalasi React Native di windows 10 dengan mudah. Kami sudah siap linknya bes...
Berikut ini Syiar Digital akan berbagi tutorial Cara Instalasi React Native di windows 10 dengan mudah. Kami sudah siap linknya beserta panduan di youtubenya sehingga anda semakin mudah mempelari dan mempraktekan cara install React Native di Windows 10.
A. Mengapa Belajar React Native?
React Native memiliki beberapa kelebihan diantaranya:
- Aplikasi IOS dan Android Bahasa Pemrograman React Native ini bisa digunakan untuk membuat aplikasi berbasis android maupun IOS.
- Mirip membuat Website HTML
- Berbasis Javascript
B. Instalasi React Native
- Update Windows untuk Instalasi Terminal Windows, syarat minimum windows : OS WIndows 10 versi 18326
- Install Terminal Windows Instalasi ini dibuka menggunakan microsoft store. untuk instal ini pastikan anda sudah login di microsoft store anda.
- VSCode VSCode (Visual Studio Code) ini adalah code editor yang biasa digunakan pada umumnya oleh programmer untuk menulis bahasa pemrograman.
- react-native tool microsoft
- es7react native (react Native Snippet)
- dll
- Install Android Studio
- Install HAXM intel HAXM ini adalah Hardware Accelerated Execution Manager yang berfungsi untuk mempercepat kinerja emulator Android sehingga lancar berjalan di PC atau Laptop.
- Install Chocolatey
- install dengan CMD buka terlebih dahulu Command Prompt run as Administrator
- install dengan Terminal / Power Shell buka terlebih dahulu Terminal windows yang telah diInstall run as Administrator
- Install Node dan JDK
- Cek Nodejs :
node -v - Cek openJDK :
java -version
link Update Windows10Upgrade9252
link Terminal Windows
Link Download VSCode
VSCode memiliki Ekstensi untuk memudahkan menuliskan Code, diantaranya:Link Download Android Studio
Link Download HAXM
@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe"
-NoProfile -InputFormat None -ExecutionPolicy Bypass -Command
"[System.Net.ServicePointManager]::SecurityProtocol = 3072; iex
((New-Object
System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))"
&& SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin"
Set-ExecutionPolicy Bypass -Scope Process -Force;
[System.Net.ServicePointManager]::SecurityProtocol =
[System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex
((New-Object
System.Net.WebClient).DownloadString('https://community.chocolatey.org/install.ps1'))
install dengan Terminal / Power Shell :
choco install -y nodejs-lts openjdk11
C. Setting Persiapan Untuk Menjalankan React Native di Windows
- Setting Android Studio
- SDK Manager
- Android 11 (R)
- Android SDK Platform 30
- Intel x86 Atom_64 System Image
- Google APIs Intel x86 Atom System Image
- select the "SDK Tools"
- Android SDK Build-Tools
- 30.0.2
- AVD Manager
- Pilih Android Device
- Setting Windows
- System variables edit the system environment variables : Pada Windows Pencarian ketik environment variables lalu buka environment variables
- NEW
- variable name :
ANDROID_HOME - variable value : folder directori asli dari
%LOCALAPPDATA%\Android\Sdk - edit PATH
- NEW
- folder directori asli dari
%LOCALAPPDATA%\Android\Sdk\platform-tools
D. Menjalankan dan Membuat Aplikasi Android Pertama dengan React Native
buka terlebih dahulu Terminal Windows kemudian ketik berikut ini
- Membuat Aplikasi Pertama
- Menjalankan Aplikasi Pertama
- Aktifkan React Native
- menjalankan android
- Menggunakan Emulator Setelah Melakukan instalasi sesuai prosedur diatas maka emulator android akan aktif
- Menggunakan Android Device untuk menggunakan Android Device (Android SmartPhone) kita bisa digunakan langsung untuk menguji aplikasi yang kita buat. kita perlu mengaktikan Developer Mode dan USB debugging pada Android Kita.
npx react-native init Aplikasi_1_SyiarDigital
npx react-native start
npx react-native run-android
ليست هناك تعليقات