React dasar

Intinya

• JSX dikompilasi menjadi panggilan jsx(jenis, props) yang menghasilkan elemen: objek yang mendeskripsikan UI, bukan DOM. Komponen adalah fungsi murni dari props (dan state) ke elemen; teks di dalam {…} diloloskan otomatis.
• Daftar butuh key yang stabil dan unik di antara saudara; rendering bersyarat memakai ? : atau null, karena && merender angka 0.
• useState memberi nilai per render (snapshot). Pembaruan dikumpulkan, jadi pakai fungsi pembaru bila nilai baru bergantung pada yang lama, dan serahkan salinan, jangan ubah state.
• State tinggal di induk terdekat yang membutuhkannya: data turun lewat props, permintaan perubahan naik lewat fungsi, data turunan dihitung saat render. Efek hanya untuk sinkronisasi dengan dunia luar, dengan pembersih.
• Rekonsiliasi: fase render (murni) lalu commit (DOM). Anak daftar dicocokkan lewat key dalam satu lintasan, dan state menempel pada posisi dan key, bukan pada data.