Komponen, props, dan state

## UI = fungsi dari data React menyusun antarmuka dari **komponen** — fungsi yang menerima **props** (masukan) dan mengembalikan tampilan: function Salam({ nama }) { return

Halo, {nama}!

; } **State** = data yang berubah dan membuat tampilan ikut berubah: function Penghitung() { const [angka, setAngka] = useState(0); return ( setAngka(angka + 1)}> Diklik {angka} kali ); } ## Mental model - Data mengalir KE BAWAH lewat props; kejadian naik lewat callback. - Ubah state → React menggambar ulang — kamu tidak menyentuh DOM manual. - Komponen kecil & fokus = mudah dipahami AI maupun manusia. ## Referensi - [react.dev — Belajar React](https://react.dev/learn)