Creando la galería de PlatziPunks

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

Marcos Rissotto

student•

Solo voy a dejar esto por aquí:

const [ tokenURI, dna, owner, accessoriesType, clotheColor, clotheType, eyeType, eyeBrowType, facialHairColor, facialHairType, hairColor, hatColor, graphicType, mouthType, skinColor, topType, ] = await Promise.all([ platziPunks.methods.tokenURI(tokenId).call(), platziPunks.methods.tokenDNA(tokenId).call(), platziPunks.methods.ownerOf(tokenId).call(), platziPunks.methods.getAccessoriesType(tokenId).call(), platziPunks.methods.getAccessoriesType(tokenId).call(), platziPunks.methods.getClotheColor(tokenId).call(), platziPunks.methods.getClotheType(tokenId).call(), platziPunks.methods.getEyeType(tokenId).call(), platziPunks.methods.getEyeBrowType(tokenId).call(), platziPunks.methods.getFacialHairColor(tokenId).call(), platziPunks.methods.getFacialHairType(tokenId).call(), platziPunks.methods.getHairColor(tokenId).call(), platziPunks.methods.getHatColor(tokenId).call(), platziPunks.methods.getGraphicType(tokenId).call(), platziPunks.methods.getMouthType(tokenId).call(), platziPunks.methods.getSkinColor(tokenId).call(), platziPunks.methods.getTopType(tokenId).call(), ]);

Saludos

Victor Inojosa

student•

el método totalSupply es parte del standard ERC721 y retorna la cantidad de tokens almacenados por el contrato

https://docs.openzeppelin.com/contracts/3.x/api/token/erc721#IERC721Enumerable-totalSupply--

Johan Muñoz

student•

En las funciones de los atributos creo que en vez de pasarle el tokenId, seria mas bien con el tokenDna de el punk, si no estoy mal estos atributos se sacaban directamente del adn de los PlatziPunks

Luis Berenguer

student•

Las dos son únicas.

Andrés Muñoz

student•

X2 :D también creo lo mismo esas funciones reciben el dna !!

Luis Alberto Martínez Barrientos

student•

El link de Grid Chackra esta roto

Andrés Muñoz

student•

cada vez que se llame la función update por ser una función que usa useCalback me regresa un resultado ya guardado o vuelve a consultar ?

Alejandro Chavez

student•

Justo tenía este detalle en mi dApp, no sabía como renderizar todo de uno a uno. Excelente y profesional manera de hacerlo. Ya quiero llegar a ese nivel :rocket:

Devi Chaves Rodriguez

student•

¿Tengo una duda todas las funciones que usamos en el useEffect también tienen un useCallback así debe ser? ¿Es la mejor forma de hacerlo?

Leandro Sanchez

student•

https://leanlp.github.io/galeriaNft/

costo un poco resolver conflictos de librerias,dado la actualizacion de react 18. aconsejo utilizar yarn y realizar copia de seguridad antes de usar --force o reinstalar o eliminar algun node_modules

Creando la galería de PlatziPunks

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