📚 Materi Framework JavaScript: React & Vue

📚 Materi Framework JavaScript: React & Vue

⚛ React JS

React adalah library JavaScript untuk membangun antarmuka pengguna (UI). React dikembangkan oleh Facebook dan digunakan secara luas karena kecepatan, efisiensi, dan komponennya yang modular.

✨ Fitur Utama React:

• 🧩 Component Based: aplikasi dibangun dari komponen kecil.
• ⚡ Virtual DOM: update UI lebih cepat.
• 🔄 One-way Data Binding: data mengalir satu arah.
• 🌍 Ekosistem Besar: banyak library pendukung.

📌 Contoh Kode React:

import React from 'react';

function App() {
  return (
    <div>
      <h1>Hello, React!</h1>
      <p>Belajar React itu menyenangkan.</p>
    </div>
  );
}

export default App;
      

🖼 Vue JS

Vue.js adalah framework progresif untuk membangun UI. Vue mudah dipelajari, ringan, dan fleksibel, cocok untuk pemula maupun profesional.

✨ Fitur Utama Vue:

• 📜 Template Syntax: deklaratif & mudah dipahami.
• 🧩 Component: modular & reusable.
• ⚡ Reactivity System: data dan UI sinkron otomatis.
• 🌍 Ekosistem Luas: Vue Router, Vuex, dll.

📌 Contoh Kode Vue:

<div id="app">
  <h1>{{ message }}</h1>
</div>

<script>
  const app = Vue.createApp({
    data() {
      return {
        message: "Hello, Vue!"
      }
    }
  });
  app.mount("#app");
</script>