Frontend-Seite von DApp

Ich bin (völlig neu bei DApp) derzeit an einem Forschungsprojekt beteiligt, das sich mit der Front-End-Seite (Js-Bibliotheken und Frameworks) der DApp befasst. Ich habe viele Artikel gelesen, bin aber immer noch verwirrt.

Meine Frage ist, könnte mir helfen, dies mit zB einem Diagramm zu verdeutlichen, das die Tools/Technologien/Bibliotheken usw. (wie HTML5, CSS, React Web3 usw.) zeigt/beschreibt, die verwendet werden müssen, und die Interaktion zwischen ihnen ?

Eine einfache kurze/detaillierte Dokumentation für jedes Tool/Technologie/Bibliothek wäre toll :)

Wenn Sie es noch nicht gefunden haben, könnten CryptoZombies ein guter Ausgangspunkt sein! Abhängig von Ihrem Hintergrund mag dies einfach erscheinen, aber es deckt das Wesentliche auf sehr zugängliche Weise ab, anstatt Seiten und Seiten der Dokumentation durchlesen zu müssen ...

Antworten (1)

Ich fange vor einem Monat an, dApps zu bauen, und ich habe ein Problem mit Beispielen und Startschwierigkeiten.

Hier sind die Ressourcen, die mir beim Einstieg helfen.
https://coursetro.com/posts/code/99/Interacting-with-a-Smart-Contract-through-Web3.js-(Tutorial) – Sehr nützlich für den Anfang.
Sie müssen entscheiden, welche Version von web3 Sie 0.2 oder 1.0 verwenden möchten:
https://github.com/ethereum/wiki/wiki/JavaScript-API
Ich rate Ihnen, mit 0.2 zu beginnen, da die Metamaske diese Version verwendet und weitere Beispiele erstellt werden auf dieser Version.

Sehen Sie sich einige dApp-Beispiele auf Github an. Sie können mein Schulprojekt hier überprüfen: https://github.com/ivan3a/DecentralizedCarLog

Sie müssen web3 beherrschen und wissen, wie Sie mit Verträgen interagieren. Danach wird es einfach.