Solución:
Creo que esa no sería la mejor práctica. El nombre del archivo debe ser el mismo que el del componente React y debe escribirse en PascalCase.
Por ejemplo: Navigation.jsx
exportaciones Navigation
Más información sobre las convenciones de nomenclatura:
- Hackernoon en Medium
- Pregunta de Stackoverflow
Prima: Estructurar archivos y carpetas en un proyecto de React:
-
¡Yay, Hackernoon otra vez!
-
Publicación de Alexis Mangin
-
Probablemente no necesite leer esto si no usa redux, pero tiene una buena comparación entre función-primero y característica primero técnicas de agrupación. La publicación de Alex Moldovan
Editar: Desde el sitio web oficial de nextjs
Next.js servirá cada archivo en
/pages
bajo una ruta que coincida con el nombre del archivo.Por ejemplo,
/pages/about.js
se sirve ensite.com/about
.
Por lo tanto, en el caso de Nextjs, querían separar los archivos de página y de componentes, ya que los archivos de página se utilizan para el enrutamiento.
Creo que es lo mismo que todos los marcos de JavaScript, eso debería ser
- Los componentes de presentación y contenedor se guardan en src / components Agrupe los componentes por módulo / función.
- Mantenga los componentes genéricos dentro de src / components / UI Mantenga las pantallas simples, con una estructura y código mínimos.
- Elementos de la lista Agrupar pantallas de acuerdo con la definición de ruta. Para una ruta / usuario / lista tendríamos una pantalla ubicada en /src/screens/User/List.jsx.
algo como esto Finalmente, nuestra aplicación estaría estructurada así
aquí hay un recurso valioso para tomar como referencia