Apa itu React.js?

React adalah library JavaScript populer yang dikembangkan oleh Facebook untuk membangun antarmuka pengguna (User Interface). Berbeda dengan framework lain, React fokus pada "View" layer.

Konsep Dasar React

1. Components

React membagi UI menjadi bagian-bagian kecil yang disebut Component. Component bisa digunakan kembali (reusable) dan independen.

function Welcome(props) {  return <h1>Halo, {props.name}</h1>; }

2. JSX (JavaScript XML)

JSX memungkinkan kita menulis kode seperti HTML di dalam JavaScript. Ini membuat kode lebih mudah dibaca dan ditulis.

3. Props & State

  • Props: Data yang dikirim dari parent ke child component (read-only).
  • State: Data internal component yang bisa berubah (mutable).

Mengapa Memilih React?

  • Virtual DOM: Meningkatkan performa dengan meminimalisir manipulasi DOM langsung.
  • Komunitas Besar: Banyak library pendukung dan tutorial tersedia.
  • React Native: Bisa digunakan untuk membuat aplikasi mobile.

Langkah Belajar React

  1. Kuasai dasar JavaScript (ES6+, Arrow Function, Destructuring)
  2. Pelajari Create React App atau Vite
  3. Pahami Lifecycle Method (atau useEffect di Functional Component)
  4. Belajar State Management (Context API / Redux)