Instalar dependencias primero con yarn add o npm install
correr con yarn dev
Para correr el proyecto usando el servidor mock cambiar VITE_API_MOCK a true en el archivo .env que incluye el proyecto.
Lost tests unitarios automáticamente corren con el mock
Se escogió Vite en vez de usar Create React App dado que CRA no se considera buena opción en producción y con Vite se configura desde cero, eligiendo solo los paquetes necesarios
Aunque por las dimensiones de la app no era tan necesario, ayuda a evitar el pasar callbacks a componentes hijos y centraliza el storage en un solo sitio para que los componentes se conecten a él
Para realizar pruebas unitarias se realizó un mock de la API en MSW (ubicado en src/mock/{book,author}.handlers.ts), lo que permite siempre tener los mismos resultados y no tener que hacer peticiones de prueba a la API real Los tests se ubican junto al componente que testean
-
inconsistencia formato nombre archivos (camel case con snake case)
-
es posible refactorizar a modo de reducir código similar donde cambia los tipos, usando genéricos, esto aplica acá porque los endpoints de book y author tienen estructuras muy similares
-
Usar algo tipo final form para manejar el estado del formulario de crear/editar y simplificar
-
faltó agregar más test unitarios, AddOrEditPanel.test.tsx (src/shared.components/AddOrEditPanel.test.tsx) posee la mayoría de los tests dado que es un componente que tiene bastante lógica y debe renderizarse de diversas formas de acuerdo a la data que reciba