How to connect Upgradeable Contracts with React App

I m trying to figure out to get the values from the contract to show up in my react although there are various examples like https://github.com/PaulRBerg/create-eth-app but I would like to follow another approach rather than remaking the whole structure again… and as far as I searched on the forum the one with network.js is depreciated so please guide to the correct way…

Regards

1 Like

I think just like a common way, initialize contract by the contract address and contract abi, and then call the function you want.

1 Like

Hi @Nadim,

OpenZeppelin Network.js is deprecated. See: Doubling down on security

You could look at: https://github.com/NoahZinsmeister/web3-react

Alternatively (_from: https://forum.openzeppelin.com/t/doubling-down-on-security/2712_)

The full code of network-js is not very long and it’s easy to follow, making it easy to replicate the logic in your own app if needed.


Otherwise you can use https://github.com/PaulRBerg/create-eth-app.

Hi @Nadim,

Were you able to connect to your upgradeable contract?