Lado frontal de DApp

Estoy (totalmente nuevo en DApp) actualmente involucrado en un proyecto de investigación relacionado con el lado frontal (Js Libraries and Frameworks) de DApp. Leí muchos artículos pero todavía confundido.

Mi pregunta es, ¿podría ayudarme a aclarar esto, por ejemplo, con un gráfico que muestre/describa las herramientas/tecnologías/bibliotecas, etc. (como HTML5, CSS, React web3, etc.) que deben usarse y la interacción entre todos ellos?

Una documentación simple breve/detallada para cada herramienta/tecnología/biblioteca sería genial :)

Si aún no lo ha encontrado, ¡cryptoZombies puede ser un buen lugar para comenzar! Dependiendo de sus antecedentes, esto puede parecer básico, pero cubre lo esencial de una manera muy accesible, en lugar de tener que leer páginas y páginas de documentación...

Respuestas (1)

Empecé a construir dApps hace un mes y tengo un problema con los ejemplos y dificultades para comenzar.

Aquí están los recursos que me ayudan a empezar.
https://coursetro.com/posts/code/99/Interacting-with-a-Smart-Contract-through-Web3.js-(Tutorial) - Muy útil para empezar.
Debe decidir qué versión de web3 usar 0.2 o 1.0:
https://github.com/ethereum/wiki/wiki/JavaScript-API
Le aconsejo que comience con 0.2 porque la metamask usa esta versión y se construyen más ejemplos en esta versión.

Vea algún ejemplo de dApp en Github. Puede consultar mi proyecto escolar aquí: https://github.com/ivan3a/DecentralizedCarLog

Necesita dominar web3 y cómo interactuar con los contratos. Después de eso será fácil.