No estoy seguro de dónde encontrar información sobre las convenciones de nomenclatura de carpetas/archivos, así que lo publicaré aquí, con la esperanza de que esta pregunta tenga sentido. En mi trabajo anterior, me encontré con dos opciones de nombres de componentes (utilizadas para crear componentes/subcomponentes/etc. en un proyecto de React ).

Opciones:

Opción A:

 . ├── components/ │  └── SubComponent/ │  ├── SubComponent.js → // export default function SubComponent(){ return <></> } │  └── index.js → // export { default } from './SubComponent' └── App.js → // import SubComponent from './components/SubComponent'

Opción B:

 . ├── components/ │  └── RandomSubFolder/ │  └── ComponentName.js → // export default function ComponentName(){ return <></> } └── App.js // import ComponentName from './components/RandomSubFolder/ComponentName'

Para resumir:

En ambos casos estamos hablando de una gran cantidad de componentes, subcomponentes, sub-subcomponentes, etc.

Sé que index.js (que permite una importación simple basada en el nombre de la carpeta principal) agrega ruido, pero ¿se prefiere la opción A por su simplicidad a pesar de esto o la opción B (que se basa en el nombre del archivo )?