Ejercicio NextJs #2
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
En este PR, se ha creado una nueva funcionalidad que consume el API de perritos (https://dog.ceo/dog-api/) en un proyecto de Next.js. El objetivo era listar 10 razas de perros junto con su respectiva foto. Los pasos seguidos para lograr esto fueron los siguientes: Se realizó un fork del repositorio de la semana-7 para tener una copia personal del proyecto. Se creó un nuevo componente en el proyecto de Next.js, que fue el encargado de consumir el API de perritos y obtener los datos de las razas y las imágenes. Se utilizó la función fetch o alguna librería de peticiones HTTP (por ejemplo, axios) para realizar la solicitud al API y obtener los datos de las razas y las imágenes de los perros. Se implementó la lógica necesaria para mostrar en pantalla las 10 razas de perros junto con sus respectivas fotos. Esto se realizó utilizando el método map para iterar sobre los datos obtenidos del API y generar dinámicamente los elementos de la lista. Se estilizó el componente para que se vea atractivo y se ajuste a los requisitos de diseño del proyecto. Se verificó que el componente funcionara correctamente y mostrara las razas de perros con las fotos correspondientes. Se subió el código del nuevo componente. Se creó el pull request desde el branch personal al repositorio original, incluyendo una descripción clara y concisa de los cambios realizados.
equiman
suggested changes
May 24, 2023
There was a problem hiding this comment.
Cuando se esta usando NextJS se recomienda que este proceso se realice al lado del servidor, recomiendo que lo implementes dentro de la carpeta API
There was a problem hiding this comment.
Se recomienda no usar el mismo sufijo que la carpeta que lo contiene y usar mayusculas inicial como convencion: Dogs.js
| @@ -0,0 +1,37 @@ | |||
| import React, { useEffect, useState } from 'react'; | |||
| import { getData } from '../services/dogService'; | |||
| import { v4 as uuidv4 } from 'uuid'; | |||
There was a problem hiding this comment.
En vez de usar una librería adicional, puedes hacer la misma implementación de forma nativa.
https://developer.mozilla.org/en-US/docs/Web/API/Crypto/randomUUID
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
En este PR, se ha creado una nueva funcionalidad que consume el API de perritos (https://dog.ceo/dog-api/) en un proyecto de Next.js. El objetivo era listar 10 razas de perros junto con su respectiva foto.
Los pasos seguidos para lograr esto fueron los siguientes:
Se realizó un fork del repositorio de la semana-7 para tener una copia personal del proyecto.
Se creó un nuevo componente en el proyecto de Next.js, que fue el encargado de consumir el API de perritos y obtener los datos de las razas y las imágenes.
Se utilizó la función fetch o alguna librería de peticiones HTTP (por ejemplo, axios) para realizar la solicitud al API y obtener los datos de las razas y las imágenes de los perros.
Se implementó la lógica necesaria para mostrar en pantalla las 10 razas de perros junto con sus respectivas fotos. Esto se realizó utilizando el método map para iterar sobre los datos obtenidos del API y generar dinámicamente los elementos de la lista.
Se estilizó el componente para que se vea atractivo y se ajuste a los requisitos de diseño del proyecto.
Se verificó que el componente funcionara correctamente y mostrara las razas de perros con las fotos correspondientes.
Se subió el código del nuevo componente.
Se creó el pull request desde el branch personal al repositorio original, incluyendo una descripción clara y concisa de los cambios realizados.