Filtrando los PlatziPunks por cuenta

Clase 16 de 23 • Curso de Desarrollo Frontend de Aplicaciones Descentralizadas con Web3.Js

José Manuel Piña Rodríguez

student•

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

student•

Excelente gracias!

Alejandro Betancourt

student•

✌️🙌

Ángel David Lerma Carrera

student•

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

student•

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

student•

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

José Manuel Piña Rodríguez

student•

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

Jonathan Vergara Ruiz

student•

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

Filtrando los PlatziPunks por cuenta

Despliegue de la aplicación

InterPlanetary File System

Usando IPFS e Infura para subir contenido no censurable

Despliegue de PlatziPunks en IPFS

Despliegue de Aplicaciones en Fleek usando IPFS y ENS

Ethereum Name Service

Registrando nuestro ENS y vinculando a PlatziPunks

Sigue desarrollando

Recapitulación de lo aprendido con el proyecto PlatziPunks