react-eth-challenge icon indicating copy to clipboard operation
react-eth-challenge copied to clipboard

resultado-react-eth-challenge

Open MatBarrios opened this issue 2 years ago • 0 comments

DESCRIPTION

Solución al reto: https://github.com/MatBarrios/react-eth-challenge

Nombre: Mateo Barrios Usuario Platzi: matbarrios

Primero cree los componentes en una nueva carpeta 'components', luego aplique estilos con CSS. Posteriormente arregle un error en la carpeta 'tests' reemplazando Mount por Shallow en enzyme. Luego de recibir ayuda de la comunidad, resolví el reto de la API, logrando renderizar correctamente los datos en el front. Para ello debí pasar props en cada componente.

Finalizada la API se rompieron los tests, atento a que estos renderizan el componente unitario y no la APP, para eso, en styleMock.js copie los datos y los importe en cada test, pasándole de igual manera la prop data={data} para solucionarlo.

Solucione en index.js un error de consola, y por último modifique mi data.json para renderizar mis datos, y no los que estaban de modelo.

Reto:

  • [x] Primer problema
  • [x] Segundo problema
  • [x] Tercer problema
  • [x] Cuarto problema
  • [x] Quinto problema
  • [x] Sexto problema
  • [x] Septimo problema

MatBarrios avatar Jul 12 '22 20:07 MatBarrios