Discussion :

[hbx360]

Bonjour, sur une chaîne Youtube pour apprendre React la personne crée plusieurs components Header dans son projet, par exemple :
- dans le dossier components dans le dossier admin il crée un Header.js
- dans le dossier components dans le dossier public il crée aussi un Header.js

Je voulais savoir pourquoi faire plusieurs component Header est-ce que se serait pas mieux de faire un Header pour tout le site ?
Et dans ses pages dans le dossier admin et public il crée un Layout.js dans lequel il va mettre le Header admin et le Header public est-ce que c'est une bonne pratique ?

Est-ce que ce serait pas mieux de faire un component Header et de même pour le Footer unique que l'on mettrai dans App.js qui servirai de Layout pour tout le site ?

Donc faire comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
 
function App() {
 
 
  return (
    <Router>
    <div
     className='flex flex-col justify-between text-gray-900 min-h-screen font-sans bg-blue-50 dark:bg-blue-900'>
     {/* HEADER  */}
      <Header />
 
 
      {/* PAGES  */}
      <div className='min-h-full bg-blue-50 dark:bg-blue-900'>
        <Routes>
         ....
        </Routes>
      </div>
 
       {/* FOOTER  */}
       <Footer />
 
    </div>
    </Router>
  )
}

[hbx360]

Petit up