Learn
Next →

Apa itu React?

10 min Last updated 24 Mar 2026

Apa itu React?

React adalah library JavaScript yang dikembangkan oleh Meta (Facebook) untuk membangun antarmuka pengguna yang interaktif dan dinamis. React pertama kali dirilis pada 2013 dan kini menjadi salah satu teknologi frontend paling populer di dunia.

Yang membedakan React dari pendekatan tradisional adalah cara ia memandang UI — bukan sebagai halaman HTML statis, melainkan sebagai kumpulan komponen yang bisa digunakan ulang.

Kenapa React?

  • Komponen reusable — Tulis sekali, pakai berkali-kali di seluruh aplikasi
  • Virtual DOM — React hanya mengupdate bagian UI yang berubah, bukan seluruh halaman
  • Ekosistem besar — Ribuan library siap pakai dan komunitas yang aktif
  • Unidirectional data flow — Data mengalir satu arah, lebih mudah di-debug

Functions as Components

Di React, setiap component pada dasarnya adalah sebuah fungsi JavaScript. Fungsi menerima data (props) dan mengembalikan tampilan UI (JSX).

Sebelum belajar JSX, pastikan kita memahami cara kerja fungsi — terutama saat menggabungkan string.

React bukan framework lengkap seperti Angular. React hanya menangani tampilan (View). Untuk routing, state management, dan lainnya, kita menggunakan library tambahan.

💡 Notice: "Hello" + name vs "Hello, " + name + "!" — tanda koma dan tanda seru adalah bagian dari teks, bukan operator.

Assignment

Sistem registrasi user di sebuah React app bermasalah! Fungsi welcomeUser menghasilkan output yang salah karena dua bug.

Temukan dan perbaiki bug pada baris 5 dan 6.

Expected output:

Welcome, Khansa!
You are user #42.
React App.jsx
Solution
Output