Kapitel 10. Unsere größere DApp
Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: translation-feedback@oreilly.com
Nachdem wir die Verträge für unsere groß angelegte Anwendung fertiggestellt haben, erstellen wir nun die Client-Seite, damit die Nutzer/innen mit unseren Verträgen im Browser interagieren können. Nachdem wir das Frontend für unsere Anwendung erstellt haben, können unsere Nutzerinnen und Nutzer ihre eigenen Spendenaktionen erstellen und sie auf unserer Startseite anzeigen lassen. Außerdem können unsere Nutzer/innen weitere Informationen über eine einzelne Spendenaktion einsehen und für sie spenden. Wir werden die Fundraiser-Verträge verwenden, die wir in den vorherigen Kapiteln geschrieben haben.
Lass uns mit der Entwicklung unserer Anwendung beginnen.
Start mit React Truffle Box
Wir werden React Truffle Box noch einmal verwenden, um Frontend-Code für unsere Web3-Anwendung zu generieren, damit sie schnell läuft und mit Web3 interagiert. Beginnen wir damit, ein neues Verzeichnis für unsere Fundraiser-Anwendung anzulegen und darin eine neue Truffle React Box-Anwendung zu erstellen.
Als Erstes müssen wir das neue leere Repository für unsere Fundraiser-Anwendung erstellen. Als Nächstes wechseln wir in dieses Verzeichnis und entpacken die React Truffle Box:
mdkir fundraiser cd fundraiser truffle unbox react
Genau wie in Kapitel 8 wird so schnell ein Gerüst für eine React-Anwendung erstellt, die für die Interaktion mit ...
Get Praktische Smart Contract Entwicklung mit Solidity und 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.
