Memecah UI Jadi Pohon Komponen

Saat melihat desain UI (mockup), pecahlah menjadi bagian-bagian kecil: Navbar, Sidebar, ContentArea, Footer.

👀 Contoh dulu

function App() { return <main><Navbar /><Content /></main>; }

Hasilnya: Hierarki komponen bersih dan modular.

💡 Setiap komponen idealnya memiliki 1 tanggung jawab tunggal (Single Responsibility).

📝 Sekarang giliranmu

Buat komponen function App() yang mengembalikan <main><Navbar /></main>.

Preview