wallet-connect-web-examples/advanced/dapps/react-dapp-v2
Gancho Radkov 7c36326bff
feat: loading indicators (#402)
* feat: adds loading indicators on all modals

* feat: implements modal loader for session propose

* feat: implements loaders for each separate button

* feat: adds loaders on disconnect & when proposing session on known pairing topic

* refactor: restructure modal properties to avoid conditional hooks

---------

Co-authored-by: Gancho Radkov <ganchoradkov@gmail.com>
2024-01-11 16:03:35 +02:00
..
public refactor(apis): replace to-be-deprecated ethereum-api.xyz and blockchain-api.xyz calls (#349) 2023-12-18 15:46:51 +01:00
src feat: loading indicators (#402) 2024-01-11 16:03:35 +02:00
.env.local.example restructure (#345) 2023-12-13 15:36:25 -03:00
.eslintrc.json restructure (#345) 2023-12-13 15:36:25 -03:00
.gitignore restructure (#345) 2023-12-13 15:36:25 -03:00
next.config.js restructure (#345) 2023-12-13 15:36:25 -03:00
package.json fix(deps): update dependency @kadena/types to ^0.6.0 (#384) 2024-01-06 02:37:08 -03:00
README.md restructure (#345) 2023-12-13 15:36:25 -03:00
tsconfig.json restructure (#345) 2023-12-13 15:36:25 -03:00
yarn.lock fix(deps): update dependency @kadena/types to ^0.6.0 (#384) 2024-01-06 02:37:08 -03:00

React dApp (with standalone v2 client)

🔗 Live dapp demo - https://react-app.walletconnect.com/
🔗 Live wallet demo - https://react-wallet.walletconnect.com/
📚 WalletConnect v2 Docs - https://docs.walletconnect.com/2.0

Overview

This is an example implementation of a React dApp (generated via create-react-app) using the standalone client for WalletConnect v2 to:

  • handle pairings
  • manage sessions
  • send JSON-RPC requests to a paired wallet

Running locally

Install the app's dependencies:

yarn

Set up your local environment variables by copying the example into your own .env.local file:

cp .env.local.example .env.local

Your .env.local now contains the following environment variables:

Develop

yarn dev

Test

yarn test

Build

yarn build