Filtrando los PlatziPunks por cuenta

Curso de Desarrollo Frontend de Aplicaciones Descentralizadas con Web3.Js

Contenido del curso

Introducción al desarrollo con Web3.js

1
Desarrollo Frontend de Apps Descentralizadas con Web3 y React JS
03:20 min
2
Desarrollo Frontend para Aplicaciones Descentralizadas con Web3JS y MetaMask
04:30 min

Qué es Web3.js

Desarrollo frontend con Web3.js

Despliegue de la aplicación

Sigue desarrollando

23
Recapitulación de lo aprendido con el proyecto PlatziPunks
03:42 min

Tomar examen

Filtrando los PlatziPunks por cuenta

José Manuel Piña Rodríguez

Estudiante

Si se les presenta este error:

“useHistory is not exported form react-router-dom”

++Solucion:++

Estas lineas

import { useHistory, useLocation } from "react-router-dom";
...
const { push } = useHistory();
...

if (isValid) push(`/punks?address=${address}`);
    } else {
      push("/punks")

Sustituirlas por:

import { useNavigate, useLocation } from "react-router-dom";
....
const navigate = useNavigate();
....
if (isValid) navigate(`/punks?address=${address}`);
    } else {
      navigate("/punks");

Christian Felipe Martinez Castaño

Excelente gracias!

Alejandro Betancourt

✌️🙌

Ángel David Lerma Carrera

Agregué este pequeño complemento para reciniciar los funkos cuando precionan "Punks", que yo cambie el nombre a "All Punks"

  const my_url=new URLSearchParams(search).get("address")
  useEffect(() => {
    setAddress(my_url);
  }, [my_url]);

ADRIÁN PÉREZ ANGUITA

Hola Ernesto, imagínate crear una aplicación para que los artistas pongan en venta sus cuadros NFT, donde tendrá un marketplace, una página para comprar nuevas colecciones, etc. Yo compro diferentes cuadros de diferentes colecciones, es decir, minteo NFT de diferentes smart contracts (si no me equivoco). La cosa está que en mi perfil de usuario quiero que aparezcan los diferentes NFT que he comprado, no quiero que aparezca ninguna otra colección que no sea comprada en la aplicación. ¿Cómo lo haría? ¿Una solución sería guardar en bbdd los ids de los smart contract en el cual ha comprado las colecciones? ¡Muchas gracias por el curso!!!

PABLO NICOLAS NIEVA

Hola Hernesto, me tira un error al compilar que no encuentro como solucionar. Failed to compile.

./src/views/punks/index.js Attempted import error: 'useHistory' is not exported from 'react-router-dom'.

sabe como puedo solucionarlo ? gracias

Hola Pablo, en la seccion de aportes esta mi comentario con la solucion.

Jonathan Vergara Ruiz

useHistory esta deprecado en react-router-dom v6 hay que remplazarlo con useNavigate

Remplazo de history.push()

	const navigate = useNavigate();
	
	navigate('<Ruta a la que quieres ir>')

Filtrando los PlatziPunks por cuenta

Introducción al desarrollo con Web3.js

Desarrollo Frontend de Apps Descentralizadas con Web3 y React JS

Desarrollo Frontend para Aplicaciones Descentralizadas con Web3JS y MetaMask

Qué es Web3.js

Comunicación Frontend-Backend en Aplicaciones Blockchain

Uso de Web3 para Interactuar con la Blockchain Ethereum

Construcción de Aplicaciones Web3 con React y MetaMask

Actualización sobre testnet en Ethereum

Desarrollo frontend con Web3.js

Administrando la conexión a Metamask

Configurando Web3-React

¿Qué es un ABI?

Instanciando el contrato de PlatziPunks

Previsualizando tu PlatziPunk

Habilitando el mint de PlatziPunks

Creando la galería de PlatziPunks

Detalle de PlatziPunk

Transfiriendo un PlatziPunk a otra cuenta