Actualización y mejora para la pagina de cliente Devsafio http://www.desafio.com
- Javascript
- React-Nextjs
- Tailwind css
- Eslint-Prettier
- lint-staged
- Git
- Leonardo Jose Castillo Lacruz
- Luis Molina
- Patricio Dunstan
1.Clonar repositorio c10-frontend
- Realizar instalación de despencias Para realizar la instalación debes tener instalado Node.js y ejecutar el siguiente comando por terminal:
~~ npm install ~~
-
Ejecución Para realizar la ejecución del proyecto y visualizar ejecutaremos en terminal el comando que corresponda según su administrador de paquetes: ~~ npm run dev
yarn dev
pnpm dev ~~
-
Abrir la pagina y realizar visualización: Para abrir la pagina debes hacer click en el siguiente link (primero debes inicar el proyecto para visualizar la pagina): http://localhost:3000
-
Configuració de Eslint y Prettier: Para poder tener un estardar al momento de escribir codigo se agregaron las dependencias de desarrollo Eslint y prettier de los cuales: Eslint: se encarga de estandarizar la forma en que se escribe codigo, ademas de detectar errores. Prettier: se encarga de la identación y el formateo visual del mismo de forma atumatica lint-staged: Se encarga de revisar los archivos modificados antes de subir el commit y avisa de posibles errores existentes, por ende se asegura de que no se hagan commits con errores existentes. Links:
SE DEBEN INSTALAR LAS EXTENCIONES DE PRETTIER - CODE FORMATTER (34 millons de descargas) Y LA EXTENCIÓ DE ESLINT(28.5 millones de descargas)
- Diseño Figma de proyecto:
-
Comandos para utilizar Eslint y configuración en setting.json ~~ npm run lint ~~~
-
Prettier Prettier funciona con el autosave, cuando realizas el guardado trabaja pretter para formatear el codigo y ordenarlo, ademas en el archivo .eslintrc.js esta configurado para eslint y prettier trabajen en paralelo y no tengan insidencias o choques en su formate del codigo.