📚 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>
No comments:
Post a Comment