- Realizar la Composicion de Componentes.
- Instalar y Utilizar la Libreria de Material UI
- Conectar a traves de Fetch / Axios la Api de DummyJson.
- Realizar el Login de usuarios basados en la documentacion del servicio.
- Obtener del servicio ApiRest DummyJson los Productos y cargarlos en el Datagrid de Material UI.
- Generar un ABM de las entidades que ofrece el servicio USERS - CART - COMMENTS - POST.
- Crear componentes reutilizables.
- Implementar la Elevacion de estado en caso de requerirlo.
- Si usan axios, crear una instancia para configurar parametros generales.
- Crear Custom Hooks.
- Implementar Variables de Entorno.
- Utilizar Hooks UseContext y UseReducer.
- Implementar React Ruter v6 (opcional)
Puedes descargar el template inicial del proyecto que contiene solo el maquetado del mismo para poder realizar el ejercicio practico por completo y repasar todo lo que vimos en clases.
- Haz click en el link de nombre RELEASES en la parte media derecha de este repositorio.
- Encontraras distintas versiones del proyecto, selecciona la version v1.0.0 y descarga el archivo .zip dentro de assets.
- Descomprime la carpeta donde vas a trabajar los pryectos en tu ordenador.
- Abre la terminal que utilices y parate en la carpeta del proyecto.
- Una vez que estes dentro de la carpeta del proyecto con la terminal corre el comando:
npm install
- Cuando termine de instalar las dependencias de node levanta el proyecto con el comando:
npm run dev
IMPORTANTE: Recuerda que estamos utilizando VITE para generar el proyecto de react puedes ver toda la documentacion en:
Puedes Copiar el proyecto en su estado actual a tu repositorio realizando un FORK, de esta manera podras aplicar todo lo relacionado con git (Ramas, Push, pull, etc.) sin afectar el repositorio original
- En la parte superior derecha de este repositorio encontraras un boton que dice FORK, haz click.
- Ahora el proyecto realizo una copia en tu repositorio personal.
- Ve a tu repositorio y realiza un git clone:
git clone <url de tu repositorio>
- Abre la terminal que utilices y parate en la carpeta del pryecto que clonaste en tu ordenador.
- Una vez que estes dentro de la carpeta del proyecto con la terminal corre el comando:
npm install
- Cuando termine de instalar las dependencias de node levanta el proyecto con el comando:
npm run dev
En este ejercicio debemos utilizar la apiRest de dummyJson, para esto debes ir a:
- DUMMY JSON
- Ingresar al Link o boton Read Docs y encontraras todos los servicios necesarios para realizar el proyecto.
Para utilizar el template inicial y realizar todo el proyecto practico desde cero debes tener en cuenta las siguientes librerias: