# Remove ethers
npm uninstall ethers

# Install viem and wagmi
npm install viem wagmi @tanstack/react-query

import { ethers } from 'ethers';

const provider = new ethers.JsonRpcProvider('https://rpc.selendra.org');

// Get balance
const balance = await provider.getBalance(address);
console.log(ethers.formatEther(balance));

// Get block
const block = await provider.getBlock('latest');

import { createPublicClient, http, formatEther } from 'viem';
import { selendra } from '@selendrajs/sdk/chains';

const client = createPublicClient({
  chain: selendra,
  transport: http(),
});

// Get balance
const balance = await client.getBalance({ address });
console.log(formatEther(balance));

// Get block
const block = await client.getBlock();

import { ethers } from 'ethers';

const wallet = new ethers.Wallet(privateKey, provider);

// Sign message
const signature = await wallet.signMessage('Hello');

// Send transaction
const tx = await wallet.sendTransaction({
  to: recipient,
  value: ethers.parseEther('1'),
});
await tx.wait();

import { createWalletClient, http, parseEther } from 'viem';
import { privateKeyToAccount } from 'viem/accounts';
import { selendra } from '@selendrajs/sdk/chains';

const account = privateKeyToAccount(privateKey);
const client = createWalletClient({
  account,
  chain: selendra,
  transport: http(),
});

// Sign message
const signature = await client.signMessage({ message: 'Hello' });

// Send transaction
const hash = await client.sendTransaction({
  to: recipient,
  value: parseEther('1'),
});

// Wait for confirmation
const receipt = await publicClient.waitForTransactionReceipt({ hash });

import { ethers } from 'ethers';

const contract = new ethers.Contract(address, abi, signer);

// Read
const balance = await contract.balanceOf(userAddress);

// Write
const tx = await contract.transfer(recipient, amount);
await tx.wait();

import { getContract } from 'viem';

const contract = getContract({
  address,
  abi,
  client: { public: publicClient, wallet: walletClient },
});

// Read
const balance = await contract.read.balanceOf([userAddress]);

// Write
const hash = await contract.write.transfer([recipient, amount]);
await publicClient.waitForTransactionReceipt({ hash });

import { ethers } from 'ethers';

const amount = ethers.parseEther('1.5');
const sum = amount.add(ethers.parseEther('0.5'));
const isGreater = sum.gt(ethers.parseEther('1'));
const formatted = ethers.formatEther(sum);

import { parseEther, formatEther } from 'viem';

const amount = parseEther('1.5');
const sum = amount + parseEther('0.5');
const isGreater = sum > parseEther('1');
const formatted = formatEther(sum);

import { ethers } from 'ethers';
import { useState, useEffect } from 'react';

function useBalance(address) {
  const [balance, setBalance] = useState(null);

  useEffect(() => {
    const provider = new ethers.JsonRpcProvider('https://rpc.selendra.org');
    provider.getBalance(address).then(setBalance);
  }, [address]);

  return balance;
}

import { useBalance } from 'wagmi';

function MyComponent({ address }) {
  const { data: balance, isLoading } = useBalance({ address });

  if (isLoading) return <div>Loading...</div>;
  return <div>Balance: {balance?.formatted} SEL</div>;
}

import { WagmiProvider, createConfig, http } from 'wagmi';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import { selendra, selendraTestnet } from '@selendrajs/sdk/chains';

const config = createConfig({
  chains: [selendra, selendraTestnet],
  transports: {
    [selendra.id]: http(),
    [selendraTestnet.id]: http(),
  },
});

const queryClient = new QueryClient();

function App() {
  return (
    <WagmiProvider config={config}>
      <QueryClientProvider client={queryClient}>
        <YourApp />
      </QueryClientProvider>
    </WagmiProvider>
  );
}

// viem errors are more descriptive
import { BaseError, ContractFunctionRevertedError } from 'viem';

try {
  await contract.write.transfer([recipient, amount]);
} catch (err) {
  if (err instanceof ContractFunctionRevertedError) {
    const errorName = err.data?.errorName;
    console.log(`Contract reverted: ${errorName}`);
  }
}

// Estimate gas
const gas = await publicClient.estimateGas({
  account,
  to: recipient,
  value: parseEther('1'),
});

// Get gas price
const gasPrice = await publicClient.getGasPrice();

// Watch for events
const unwatch = publicClient.watchContractEvent({
  address: contractAddress,
  abi,
  eventName: 'Transfer',
  onLogs: (logs) => {
    console.log('Transfer events:', logs);
  },
});

// Cleanup
unwatch();