Se migrará y desarrollará en React la sección de
detalle del producto en el PDP. Esta consta de la
imagen (a la izquierda) y la descripción (a la derecha)
del producto. Utilizar el mismo diseño de la maqueta
HTML. Si el equipo lo considera se pueden realizar
cambios visuales y cosméticos.
Se debe consumir el “API” para cargar la información
detalla del producto.
Mientras el producto carga porque se está
ejecutando el fetch para obtener la información, se
debe mostrar un “Spinner” o “Skeleton” al usuario.
Si al hacer fetch se obtiene un resultado de error
proveniente del “API” se debe mostrar un error en
pantalla. El error no debe ser un simple texto. Por
favor utilizar un componente en React para este
propósito. El mensaje debe mostrarse en la
ubicación del detalle del producto.
Si al hacer fetch la respuesta del “API” es correcta,
entonces se mostrará el detalle del producto
Se migrará y desarrollará en React la sección de detalle del producto en el PDP. Esta consta de la imagen (a la izquierda) y la descripción (a la derecha) del producto. Utilizar el mismo diseño de la maqueta HTML. Si el equipo lo considera se pueden realizar cambios visuales y cosméticos. Se debe consumir el “API” para cargar la información detalla del producto. Mientras el producto carga porque se está ejecutando el fetch para obtener la información, se debe mostrar un “Spinner” o “Skeleton” al usuario. Si al hacer fetch se obtiene un resultado de error proveniente del “API” se debe mostrar un error en pantalla. El error no debe ser un simple texto. Por favor utilizar un componente en React para este propósito. El mensaje debe mostrarse en la ubicación del detalle del producto. Si al hacer fetch la respuesta del “API” es correcta, entonces se mostrará el detalle del producto