callstack / web3-react-native-dapp-wagmi

web3-react-native-dapp-wagmi

This repository showcases how to build a modern web3 dApp with React Native, wagmi and WalletConnect's Web3Modal

Read the article for a more detailed explanation: Best DX for React Native Web3 dApps With Web3Modal and Wagmi

Requirements

• Expo environment setup (Node.js, Git, Watchman)
• A Wallet Connect Cloud project ID
• Expo Go app installed in your smartphone
• One or more web3 wallets installed in your smartphone (e.g. MetaMask, Rainbow Wallet, Trust Wallet, etc)

How to run

• Rename .env.example to .env and fill in your Wallet Connect Cloud project ID
• In src/components/WalletActions.tsx, in usePrepareSendTransaction(), fill in the to field with a valid wallet address, so you can receive test MATIC in the Polygon Mumbai testnet
• npm start
• Open Expo Go app in your smartphone
• If your smartphone is in the same network as your computer, the local dev server should appear as the first option. If it doesn't, use the app to scan the QR Code presented in the terminal