Скачать или смотреть Smart Contract + React.js + ZUSTAND + BSC chain + Hardhat

CONNECT SMART CONTRACT TO REACT.JS WEBSITE (ZUSTAND)

In this tutorial, we'll show you how to connect a smart contract to React.js. We will use ZUSTAND for our state management and we will place contract connection code inside ZUSTAND file. ZUSTAND is an alternative to REDUX.

We'll start by setting up our development environment with Git, Node.js, and the necessary dependencies like hardhat, ethers, and zustand. Then, we'll create a .env file with our private key and provider URL, and add it to our .gitignore file.

Next, we'll create a simple smart contract using Solidity and deploy it to the Binance Smart Chain testnet using Hardhat. We'll also create a ContractABI.js and ContractAddress.js file to store the contract's ABI and address.

Finally, we'll create a React component that interacts with our smart contract using Zustand, allowing us to update and display the contract's state in real-time on our web app.

Github:
https://github.com/abdulhakim-altunka...

NOTE: All videos on this channel are for exercise purposes. For tutorial purposes I kindly advise you to watch great teachers below:

Solidity:
1) Smart Contract Programmer:
   / @smartcontractprogrammer  
2) Eat the Blocks:
   / @eattheblocks  
3) Dapp University:
   / @dappuniversity  

Node-React-Javascript:
1) The Net Ninja:
   / @netninja  
2) Dave Gray :
   / @davegrayteachescode  

For Comments & Questions:
[email protected]

Buy me a Coffee:
buymeacoff.ee/softtomato