02. 📱 Pengenalan JavaScript & ES6 untuk React Native

Kenapa Harus Belajar Javascript? Karena React Native menggunakan Javascript sebagai dasar pengembangan frameworknya.

1. Dasar-dasar JavaScript

🔹 Variabel & Tipe Data

var, let, const
String, Number, Boolean, Object, Array, Null, Undefined

🔹 Operator

Aritmatika: +, -, *, /, %
Logika: &&, ||, !
Perbandingan: ==, ===, !=, !==

🔹 Struktur Kontrol

if, else if, else
switch
Loop: for, while, for...of

🔹 Fungsi

function tambah(a, b) {
  return a + b;
}

🔹 Object & Array

const user = { nama: "Budi", umur: 20 };
const buah = ["apel", "mangga", "jeruk"];

2. JavaScript ES6

🔹 Let & Const

let nama = "Andi";
const umur = 21;

🔹 Arrow Function

const kali = (a, b) => a * b;

🔹 Template Literal

const nama = "Sari";
console.log(`Halo, nama saya ${nama}`);

🔹 Destructuring

const [a, b] = ["merah", "biru"];
const { nama, umur } = { nama: "Ani", umur: 22 };

🔹 Spread & Rest Operator

const angka = [1, 2, 3];
const angkaBaru = [...angka, 4, 5];

🔹 Class

class Mobil {
  constructor(merk) {
    this.merk = merk;
  }
  jalan() {
    console.log(`${this.merk} berjalan`);
  }
}

🔹 Import & Export (Modularisasi)

// file math.js
export const tambah = (a, b) => a + b;

// file app.js
import { tambah } from './math';

3. Aplikasi di React Native

🔹 Contoh Kode React Native

import React from "react";
import { Text, View, Button } from "react-native";

const App = () => {
  const [count, setCount] = React.useState(0);

  return (
    <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
      <Text>Jumlah klik: {count}</Text>
      <Button title="Tambah" onPress={() => setCount(count + 1)} />
    </View>
  );
};

export default App;