merhaba reacta yeni geçiyorum ve hazır temamı ona uyarlıyorum düzen olarak böyle ilerliyorum
header footer kısımlarını ayrımı import etmeliyim yoksa hepsini app için demi yazmalıyım yoksa düzenim iyi mi bilgi birikimlerinizi aktarırsanız sevinirim teşekkürler

import './App.css';

function Header() {
  return (
<header className="header">
    <p>Header kodları</p>
</header>
  );
}

function Footer() {
  return (
<footer className="footer">
    <p>Footer Kodları</p>
</footer>
  );
}

function App() {
  return (
    <>
     <Header />
    <div className="outer__inner">
        <p>Anasayfa Kodları</p>
    </div>
    <Footer />
</>
  );
}

export default App;