🧰

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/​
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.