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:

    npx react-native init MyApp

    Atau dengan Expo:

    expo init MyApp