Al crear cualquier archivo en el sistema, lo ideal es que tenga una structura basica que ayude a los demas desarrolladores a comprender que es lo que se realiza en el archichivo. es por esto que el en las primeras lineas del documento debe tener un comentario introductorio de la funcionalidad principal de este archivo.
Importaciones en los archivos se deberan realizar de la siguiente manera
Importaciones propias del la libreria de react
Importaciones de otras librerias a utilizar o modules.
importacion de APIS y Querys
Importaciones a componentes custom
llamados a los hooks
importaciones a archivos locales como imagenes y otros.
Intentando siempre de ordenarlas alfabeticamente, esto nos ayudará a analizar de manera mas rapida el codigo.
Se respetará la convencion para la creación de componentes y archivos en react por lo que el nombre del archivo del componente debera ser igual al nombre de la funcion ocupando segun el caso sea pertinente PascalCase
En el caso de los Hooks estos deberan siempre tener el prefijo “use” seguido por el nombre del hook, por esejmplo useGeneralFunctions.jsx
En el caso de las páginas estan tendran que tener el sufijo “Page” por ejemplo PrestadorPage.jsx
La extencion del archivo dependera de si el componente retornará un elemento JSX en ese caso la extencion tendra que ser .jsx; en el caso de que devuelva codigo javascript esta debera tener la extension .js
Las variables seran nombradas con snake_case y en el caso de que esas variables vengan del lado del servidor se deberá respetar la estructura de “nombre del atributo”_”nombre de la entidad”, por ejemplo id_preparacion, nombre_componente_servicio.
Buenas Practicas de desarrollo
