Skip to Content
Hands-On Smart Contract Development with Solidity and Ethereum
book

Hands-On Smart Contract Development with Solidity and Ethereum

by Kevin Solorio, Randall Kanna, David H. Hoover
November 2019
Beginner to intermediate
267 pages
5h 47m
English
O'Reilly Media, Inc.
Content preview from Hands-On Smart Contract Development with Solidity and Ethereum

Chapter 9. Connecting the UI to Our Contracts

Let’s get started with creating our DApp’s UI. We’ll use a frontend framework called React to implement the features we need to allow our users to interact with the blockchain. React will help us to easily create a frontend application with different routes for a user to navigate through, input forms and buttons for them to submit data, and more. In this chapter, we’ll learn how to use React to work with the blockchain and submit functions that will read and write to the blockchain.

Why React?

First of all, what is React? React is a JavaScript library built by Facebook that is used to build frontend applications or the client side of an application. If your application uses React, anything that a user sees—the view layer—is being served from the React application. React uses components and data management, such as reducers and actions, along with providing JSX (a syntax extension) and a Virtual DOM, not to mention easily reusable library code that will help you build out the frontend to your application fast.

If you do become a blockchain engineer, most likely you’ll need to be familiar with Web3 and React to develop Web3 applications. To learn more about React, take a look at its official site.

Why do we want to use React? React is the most widely used frontend framework with Truffle. Because it is so widely used, it’ll make finding documentation and answers to your questions so much easier. Most of the questions you’ll find on Stack ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

AirBnbBlueOriginElectronic ArtsHomeDepotNasdaqRakutenTata Consultancy Services

QuotationMarkO’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.
Julian F.
Head of Cybersecurity
QuotationMarkI wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.
Addison B.
Field Engineer
QuotationMarkI’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.
Amir M.
Data Platform Tech Lead
QuotationMarkI'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
Mark W.
Embedded Software Engineer

You might also like

Complete Cryptocurrency and Blockchain Course | Learn Solidity

Complete Cryptocurrency and Blockchain Course | Learn Solidity

Ravinder Deol, Codestars By Rob Percival, Thomas Wiesner
Mastering Ethereum

Mastering Ethereum

Andreas M. Antonopoulos, Gavin Wood

Publisher Resources

ISBN: 9781492045250Errata Page