⚛️ Framework Frontend (React & Vue)

📖 Konsep Utama

• Komponen: potongan UI yang dapat digunakan kembali.
• State: data dinamis yang memengaruhi tampilan.
• Props: data yang dikirim dari parent ke child component.
• Reaktivitas: UI otomatis berubah saat data berubah.

🔹 React (Library)

// React Component
import React, { useState } from "react";

function Counter() {
  const [count, setCount] = useState(0);
  return (
    <div>
      <p>Nilai: {count}</p>
      <button onClick={() => setCount(count + 1)}>Tambah</button>
    </div>
  );
}

export default Counter;

🔹 Vue (Framework)

<template>
  <div>
    <p>Nilai: {{ count }}</p>
    <button @click="count++">Tambah</button>
  </div>
</template>

<script>
export default {
  data() {
    return { count: 0 };
  }
}
</script>