๐
๐
๐
๐
Scaffold-eth | Docs
Searchโฆ
๐
Welcome to Scaffold-eth
Getting Started
๐ฅ
Installation
๐
Quick Start
๐ฉโ๐ฌ Deploying Your Contracts
๐ข
Shipping Your App
Toolkit
๐
The Scaffold-eth Stack
๐ฎ
Solidity
๐ทโโ๏ธ Hardhat
๐งฐ
React
๐
Ethers
๐
Ant Design
๐งฐ
Libraries, Components & Services
๐ฉโ๐ซ Troubleshooting
๐ง
Infrastructure
Speed run challenge course
๐งโโ๏ธ About the Speed Run
๐ผ Simple NFT
๐ฅฉ
Decentralized Staking App
๐ต
Token Vendor
โ๏ธ Multi-Sig
๐ฎ
Implementing an Oracle
๐
Minimum Viable DEX
๐จ
NFT Marketplace
๐ฑ
Create a Stream
๐
Indexer & Node
Example Branches
๐
Overview
๐ฅ
Common Web3 Patterns
๐ต
DeFi
๐ซ
NFTs
๐
Security
๐ง
Infrastructure
โ๏ธ Layer 2 and Scaling
Community
Projects built with Scaffold-eth
Contribute to Scaffold-eth
BuidlGuidl.com
Support
Getting help
Changelog
Support Scaffold-eth & BuidlGuidl
Powered By
GitBook
๐งฐ
React
Scaffold-eth utilizes React for the frontend. It's fairly ubiquitous in web2 and pretty much the standard in the Ethereum ecosystem.
Scaffold-eth uses React for the frontend. You can learn more about React here:
https://reactjs.org/
โ
React tutorial:
https://reactjs.org/tutorial/tutorial.html
โ
Complete guide to react - Udemy guide (low cost, highly effective):
https://www.udemy.com/course/react-the-complete-guide-incl-redux/
โ
Editing your frontend
To get started, edit your frontend here:
App.jsx
in
packages/react-app/src
โ
๐ก
Make sure your
targetNetwork
is the same as
๐ท
HardHat's
defaultNetwork
(where you deployed your contracts):
Set your targetNetwork
โ
๐คก
Adjust your debugging settings as needed along with wether or not you want to use a burner wallet and use the network check switches.
For more information about the React components, helpers, and hooks that come out of the box with Scaffold-eth checkout the React App section.
Previous
๐ทโโ๏ธ Hardhat
Next
Ethers
Last modified
7mo ago
Copy link
Contents
Editing your frontend