Mis componentes funcionales son muy largos. Me gustaría separar las funciones en archivos como estos:
components/header/index.js // export components/header/header.jsx // logic components/header/style.scss // styles components/header/header.test.js // test components/header/useHeader.js // hooksEstoy aprendiendo. Cualquier consejo básico es bienvenido.
Bueno, ahora hay bastantes formas de estructurar sus archivos y repositorios para que el código base se vea bien y ordenado, pero en mi opinión, es mejor ir con un enfoque genérico a uno modular que simplemente significa juntar cosas relacionadas en una carpeta. y en la forma en que se sincronizan con su aplicación y les dicen a otros desarrolladores lo que sucede en el repositorio. EX :
src -- components -- common -- header -- header.js header.css footer -- etc .. pages -- Home -- Home.js Home.css utils -- services -- configs -- hooks -- store --Entonces, con esta estructura, le dice rápidamente a cualquier desarrollador dónde buscar algo en particular y dentro de ellos puede estructurarlos de acuerdo con su repositorio y las convenciones de nomenclatura.