Truffle Suite: Using Drizzle to Build Decentralized Apps

Truffle Suite    |    Intermediate
  • 12 videos | 1h 29m 26s
  • Includes Assessment
  • Earns a Badge
Rating 4.5 of 14 users Rating 4.5 of 14 users (14)
Explore and utilize Ethereum decentralized apps using React and combining React with the Drizzle libraries. This course introduces you to the development of decentralized applications, or dApps for short, which are web applications that have a Javascript front end and smart contracts deployed to an Ethereum network at the back end. This course begins by creating a client application, using the React library for Javascript, and then integrates it with a smart contract. Participants then create a similar client app using the Drizzle tool, a collection of Javascript libraries which provide built-in objects to connect your user interface with your deployed smart contracts. By the end of this course, you will have the skills required to be a full-stack blockchain developer. You will know how to build the back end of your application by using Solidity and the Truffle framework and the front end by using React and Drizzle. This will prepare you to build real-world applications which interact with the Ethereum network and make full use of blockchain technology benefits.

WHAT YOU WILL LEARN

  • Discover the subject areas covered in this course
    Create a template react application which you can extend to build your own web front-end
    Load a deployed smart contract into a react application using web3
    Define a react application to make function calls to a deployed smart contract
    Import accounts from your ganache network into metamask
    Invoke all operations in your react application to verify that they function as expected
  • Install drizzle and set up an application create a drizzle instance with your deployed smart contract
    Develop the top-level component of your drizzle application which includes several sub-components
    Call functions in your contract which return values and access and display those values on your web app
    Invoke transactions defined in your contract from your web application
    Trigger all the operations defined in your drizzle web application
    Recall some of the drizzle functions used to interact with a deployed contract

IN THIS COURSE

  • 2m 39s
  • 8m 2s
    In this video, you will create a template React application that you can extend to build your own web front-end. FREE ACCESS
  • Locked
    3.  Importing a Smart Contract into a React Application
    8m 34s
    Find out how to load a deployed smart contract into a React application using Web3. FREE ACCESS
  • Locked
    4.  Defining Contract Interactions
    9m 38s
    In this video, you will define a React application that makes function calls to a deployed smart contract. FREE ACCESS
  • Locked
    5.  Configuring MetaMask to use Ganache Network
    8m 52s
    In this video, you will learn how to import accounts from your Ganache network into MetaMask. FREE ACCESS
  • Locked
    6.  Testing the React Application
    7m 35s
    Find out how to invoke all operations in your React application to verify that they work as expected. FREE ACCESS
  • Locked
    7.  Initializing a Drizzle Application
    9m 38s
    In this video, you will learn how to install Drizzle and set up an application. You will create a drizzle instance with your deployed smart contract. FREE ACCESS
  • Locked
    8.  Coding the Top-Level Component of the Drizzle App
    7m 51s
    In this video, learn how to develop the top-level component of your drizzle application which includes several sub-components. FREE ACCESS
  • Locked
    9.  Invoking Functions from a Drizzle App
    7m 26s
    In this video, find out how to call functions in your contract which return values and access those values on your web app. FREE ACCESS
  • Locked
    10.  Invoking Transactions from a Drizzle App
    6m 7s
    In this video, you will learn how to invoke transactions defined in your contract from your web application. FREE ACCESS
  • Locked
    11.  Testing the Drizzle Application
    8m 44s
    In this video, you will learn how to trigger all the operations defined in your Drizzle web application. FREE ACCESS
  • Locked
    12.  Exercise: Building dApps with Drizzle
    4m 20s
    After completing this video, you will be able to recall some of the Drizzle functions used to interact with a deployed contract. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Rating 4.5 of 6 users Rating 4.5 of 6 users (6)
Rating 4.0 of 42 users Rating 4.0 of 42 users (42)
Rating 4.3 of 62 users Rating 4.3 of 62 users (62)