Building Ethereum powered DApps

A lightning talk on tools and workflow for building Smart Contract powered web applications

Transcript

1. Building
   Ethereum
   powered
   DApps
   Arpit Mathur
   @arpit
   

   View Slide

2. @arpit
   Quick Poll
   ● Software/Web Developers?
   ○ JavaScript?
   ■ React?
   ○ Rails?
   

   View Slide

3. @arpit
   Traditional App Stack
   

   View Slide

4. @arpit
   Decentralized App Stack
   

   View Slide

5. @arpit
   Communicating with the Network
   ● JSON RPC
   ● Web3.js
   ● Injected Web3.js
   ● Web dev framework (Truffle)
   

   View Slide

6. @arpit
   Ganache / Ganache CLI
   

   View Slide

7. @arpit
   Truffle
   ● “Rails for Ethereum Dapps”
   ● “Truffle Boxes”: Preconfigured
   projects
   http://truffleframework.com/
   

   View Slide

8. @arpit
   Remix IDE
   

   View Slide

9. @arpit
   Metamask
   ● Ethereum Wallet
   ● Chrome Extension
   ● Injects configured Web3.js into
   your page
   

   View Slide

10. @arpit
    A Simple Contract
    

    View Slide

11. @arpit
    Workflow
    ● Create Contract in Solidity
    ● Move Contracts to /contracts directory
    ● Compile contract:
    ○ `truffle compile`
    ● Run Ganache (local test net)
    ● Deploy Contracts
    ○ `truffle migrate`
    ● Import Contract JavaScript stub in your clientside code
    ○ import MyContract from '../../../build/contracts/MyContract.json'
    ● Execute functions on Contract in JavaScript (at the right address)
    

    View Slide

12. @arpit
    Profit?
    

    View Slide

13. @arpit
    Links and such!
    ● http://truffleframework.com
    ● https://solidity.readthedocs.io
    ● https://metamask.io/
    

    View Slide