2DasarPertemuan ke-2

Environment Setup & Tools

Setup development environment, install SDK, Emulator/Simulator, dan tools penting.

Topik Pembelajaran

  • ▪Install Node.js & npm
  • ▪Android SDK & Emulator setup
  • ▪iOS Simulator setup (Mac)
  • ▪React Native CLI
  • ▪Expo (alternatif setup cepat)
  • ▪Visual Studio Code extensions

Referensi & Sumber Daya

React Native Setup GuideExpo Get Started

Environment Setup & Tools

Prerequisites

Sebelum memulai React Native development, pastikan sudah install:

  • Node.js v16+ dan npm/yarn
  • JDK (Java Development Kit) untuk Android
  • Android Studio atau Android SDK command line tools

Setup untuk Windows/Linux

  1. Install Android SDK via Android Studio
  2. Set ANDROID_HOME environment variable
  3. Tambahkan Android tools ke PATH

Setup untuk macOS

  1. Install Xcode dari App Store
  2. Install Xcode Command Line Tools
  3. Install CocoaPods untuk iOS dependencies

React Native CLI vs Expo

  • React Native CLI: Full control, akses native modules langsung
  • Expo: Simplified setup, managed cloud build dan OTA updates

Development Tools

  • Visual Studio Code dengan extensions: React Native Tools, ES7+ React extension
  • React Native Debugger untuk debugging JavaScript
  • Android Emulator atau iOS Simulator untuk testing

Project Initialization

Buat project baru dengan:

bash
npx react-native@latest init MyApp

Atau dengan Expo:

bash
npx create-expo-app MyApp