Capítulo 10. Nuestra DApp más grande

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: translation-feedback@oreilly.com

Ahora que hemos terminado los contratos para nuestra aplicación a gran escala, vamos a crear el lado cliente para que podamos hacer que los usuarios interactúen con nuestros contratos en el navegador. Después de crear el frontend de nuestra aplicación, nuestros usuarios podrán crear sus propias recaudaciones de fondos y verlas aparecer en nuestra página de inicio. Nuestros usuarios también podrán ver más información sobre una recaudación de fondos individual y hacer donaciones a la misma. Utilizaremos los contratos de Recaudación de Fondos que escribimos en los capítulos anteriores.

Empecemos a desarrollar nuestra aplicación.

Empezar con React Truffle Box

Vamos a utilizar React Truffle Box una vez más para generar código frontend para nuestra aplicación Web3 y conseguir que se ejecute rápidamente e interactúe con Web3. Empecemos creando un nuevo directorio para nuestra aplicación de recaudación de fondos y creando una nueva aplicación Truffle React Box dentro de él.

Lo primero que tendremos que hacer es crear un nuevo repositorio vacío para nuestra aplicación de Recaudación de Fondos. A continuación, entraremos en ese directorio y desempaquetaremos la Caja de Trufas de React:

mdkir fundraiser
cd fundraiser
truffle unbox react

Al igual que en el Capítulo 8, esto creará rápidamente el andamiaje de una aplicación React configurada ...

Get Desarrollo práctico de contratos inteligentes con Solidity y Ethereum now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.