Prop Drilling: Masalah yang Sebenarnya

Prop drilling terjadi saat props dioper melewati banyak komponen perantara yang sebenarnya tidak membutuhkan data tersebut.

👀 Contoh dulu

// App -> Layout -> Sidebar -> UserProfile (Prop Drilling 4 level)

Hasilnya: Komposisi komponen menjadi tidak fleksibel dan rawan bug.

💡 React Context atau State Management hadir untuk memecahkan masalah ini.

📝 Sekarang giliranmu

Buatlah sebuah komponen kosong bernama UserProfile yang mendestrukturisasi properti user dari objek props yang diterimanya.

Preview