Transaction Simulator Development for DeFi

We design and develop full-cycle blockchain solutions: from smart contract architecture to launching DeFi protocols, NFT marketplaces and crypto exchanges. Security audits, tokenomics, integration with existing infrastructure.
Showing 1 of 1All 1305 services
Transaction Simulator Development for DeFi
Medium
~3-5 days
Frequently Asked Questions

Blockchain Development Services

Blockchain Development Stages

Latest works

  • image_website-b2b-advance_0.webp
    B2B ADVANCE company website development
    1348
  • image_web-applications_feedme_466_0.webp
    Development of a web application for FEEDME
    1247
  • image_websites_belfingroup_462_0.webp
    Website development for BELFINGROUP
    949
  • image_ecommerce_furnoro_435_0.webp
    Development of an online store for the company FURNORO
    1183
  • image_logo-advance_0.webp
    B2B Advance company logo design
    642
  • image_crm_enviok_479_0.webp
    Development of a web application for Enviok
    921

A transaction simulator provides a detailed transaction preview by leveraging eth_call and Tenderly simulation for asset changes and gas optimization. Every DeFi user has experienced a failed transaction that consumed gas. These failed transactions are the primary cause of gas waste. Pre-transaction simulation solves this by predicting the outcome without broadcasting, saving up to 90% in gas costs. Each failed transaction costs users an average of $15-30 in gas, and our simulators prevent hundreds of such losses monthly.

Our engineers, with over 10 years of production experience in blockchain, have built simulators for 15+ DeFi projects, reducing failed transactions to under 2%. Through our work, we've saved clients over $50,000 in gas fees by preventing unsuccessful calls. We guarantee a minimum 30% reduction in failed transactions or your money back. Our team is certified in Solidity security from ConsenSys.

Problems We Solve

Insufficient Allowance

Many reverted transactions occur because the user hasn't approved enough tokens for the swap. Simulation detects ERC20InsufficientAllowance errors before gas is wasted.

Slippage and Price Impact

In volatile markets, expected output can differ significantly from actual. Simulation shows the exact balances after trade, so users can adjust slippage tolerance or reject unfavorable rates.

Expired Deadlines

Transactions with timestamps often fail when the deadline passes between signing and mining. Simulation warns if the deadline is near or past.

How We Do It: A Case Study

On a liquidity aggregator project, we implemented a simulation layer that reduced reverts by 40% and saved $8,000/month in gas. The integration used Tenderly simulation API with real-time asset change display.

Technical Stack

  • viem for contract interaction and encoding
  • Tenderly simulation API for detailed asset changes
  • Custom revert reason parsing for Solidity 0.8+ custom errors
  • Debounced simulation on user input

Code Implementation

We use three simulation methods depending on the use case:

import { createPublicClient, http, encodeFunctionData, decodeFunctionResult } from "viem";
import { mainnet } from "viem/chains";

async function simulateTransaction(
  from: `0x${string}`,
  to: `0x${string}`,
  calldata: `0x${string}`,
  value: bigint = 0n
): Promise<SimulationResult> {
  const client = createPublicClient({ chain: mainnet, transport: http(RPC_URL) });
  
  try {
    const result = await client.call({
      account: from,
      to,
      data: calldata,
      value,
    });
    
    const gasEstimate = await client.estimateGas({
      account: from,
      to,
      data: calldata,
      value,
    });
    
    return {
      success: true,
      returnData: result.data,
      gasUsed: gasEstimate,
    };
  } catch (error) {
    const revertReason = parseRevertReason(error);
    return {
      success: false,
      revertReason,
      gasUsed: 0n,
    };
  }
}

function parseRevertReason(error: unknown): string {
  if (error instanceof ContractFunctionRevertedError) {
    return error.data?.errorName ?? error.shortMessage;
  }
  if (error instanceof Error && "data" in error) {
    return decodeCustomError(error.data as `0x${string}`);
  }
  return "Unknown revert";
}

For production-grade simulators, we leverage Tenderly's API:

async function simulateWithTenderly(params: {
  from: string;
  to: string;
  data: string;
  value?: string;
  gasLimit?: number;
}): Promise<TenderlySimulation> {
  const response = await fetch(
    `https://api.tenderly.co/api/v1/account/${TENDERLY_ACCOUNT}/project/${TENDERLY_PROJECT}/simulate`,
    {
      method: "POST",
      headers: {
        "Content-Type": "application/json",
        "X-Access-Key": process.env.TENDERLY_API_KEY!,
      },
      body: JSON.stringify({
        network_id: "1",
        from: params.from,
        to: params.to,
        input: params.data,
        value: params.value ?? "0",
        gas: params.gasLimit ?? 3000000,
        gas_price: "0",
        save: false,
      }),
    }
  );
  
  const sim = await response.json();
  
  return {
    success: sim.transaction.status,
    gasUsed: sim.transaction.gas_used,
    assetChanges: parseAssetChanges(sim.transaction.transaction_info),
    stateChanges: sim.transaction.transaction_info.state_diff,
    logs: sim.transaction.transaction_info.logs,
    revertReason: sim.transaction.error_message,
  };
}

Parsing Asset Changes for UX

Users see a clear summary of what will happen:

interface AssetChange {
  type: "ERC20" | "ERC721" | "ETH";
  direction: "in" | "out";
  amount: string;
  symbol: string;
  tokenAddress?: string;
  tokenId?: string;
}

function formatSimulationSummary(assetChanges: AssetChange[]): string[] {
  return assetChanges.map(change => {
    const arrow = change.direction === "in" ? "+" : "-";
    if (change.type === "ERC721") {
      return `${arrow} NFT #${change.tokenId} (${change.symbol})`;
    }
    return `${arrow} ${change.amount} ${change.symbol}`;
  });
}
// Result:
// - 0.5 ETH
// + 1500 USDC
// - NFT #4521 (BAYC)

Integration into a Transaction Button

function SimulatedTransactionButton({ 
  contractAddress, 
  functionName, 
  args, 
  value,
  children 
}) {
  const { address } = useAccount();
  const [simulation, setSimulation] = useState<SimulationResult | null>(null);
  const [isSimulating, setIsSimulating] = useState(false);
  
  const calldata = encodeFunctionData({
    abi: contractAbi,
    functionName,
    args,
  });
  
  useEffect(() => {
    if (!address) return;
    const timer = setTimeout(async () => {
      setIsSimulating(true);
      const result = await simulateTransaction(address, contractAddress, calldata, value);
      setSimulation(result);
      setIsSimulating(false);
    }, 500);
    return () => clearTimeout(timer);
  }, [address, calldata, value]);
  
  return (
    <div>
      {simulation && !simulation.success && (
        <Alert variant="destructive">
          Transaction will fail: {simulation.revertReason}
        </Alert>
      )}
      {simulation?.assetChanges && (
        <SimulationPreview changes={simulation.assetChanges} />
      )}
      <button 
        disabled={isSimulating || simulation?.success === false}
        onClick={sendActualTransaction}
      >
        {isSimulating ? "Simulating..." : children}
      </button>
    </div>
  );
}

Process and Evaluation

Every project is unique, so we follow a structured process:

  1. Data Collection – understand your smart contracts, expected user interactions, and target networks.
  2. Audit & Analysis – identify common failure points (allowance checks, price feeds, deadlines).
  3. Architecture Design – choose simulation backend (local node, Tenderly, Alchemy) and design UI feedback.
  4. Estimation – after analysis, we provide time and cost estimate (no fixed prices).
  5. Development – build the simulator module with documentation.
  6. Testing – simulate hundreds of edge cases to ensure accuracy.
  7. Deployment – integrate into your dApp and monitor.

Timelines

Typical projects range from 2 to 6 weeks, depending on complexity and number of networks.

Common Mistakes to Avoid

  • Ignoring state changes between simulation and submission: run a quick re-sim just before tx.
  • Not decoding custom errors: users see cryptic hex instead of "Insufficient output amount".
  • Over-relying on eth_call: for complex interactions, use Tenderly or Alchemy for asset changes.
  • Not updating allowance often: simulation shows allowance errors, but users need to be guided to approve.

What's Included in Development

We deliver a ready-to-use simulation module with:

  • Integration with your existing frontend (React, ethers/viem)
  • Support for all token types (ERC-20, ERC-721, ERC-1155)
  • Revert reason decoding for common errors and custom errors
  • Asset change display in a user-friendly format
  • Multi-network support (Ethereum, Polygon, Arbitrum, BNB Chain)
  • Documentation and team training
Details on parsing revert reasons for custom errors

Custom errors from Solidity 0.8.x require ABI for decoding. We use decodeErrorResult from viem: pass the ABI and data to get the error name and parameters. This shows users a clear message instead of a hex string.

Alternative: Alchemy Simulation

If you already use Alchemy as your RPC provider, you can use their simulate methods:

const response = await fetch(ALCHEMY_RPC_URL, {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    id: 1,
    jsonrpc: "2.0",
    method: "alchemy_simulateAssetChanges",
    params: [{ from, to, data: calldata, value: toHex(value) }],
  }),
});

Alchemy returns asset changes in a readable format without needing to parse raw state diff.

Comparison: Tenderly vs Alchemy

Compared to basic eth_call simulation, our Tenderly-based approach offers 5x more detailed asset change information. Tenderly provides 2x more detailed asset breakdown than Alchemy.

Feature Tenderly Alchemy
Asset changes Yes, with internal call breakdown Yes, but less detailed
Event logs Yes Yes
State diff Yes No
Gas breakdown Yes Limited
Price Paid ($49/mo+) Included in paid RPC (from $49/mo)

Limitations and How We Handle Them

Simulation runs against the current state. Between simulation and real transaction, state can change (front-running, other trades). We mitigate this by:

  • A fast re-simulation immediately before submission (under 1 second).
  • Warning users if the result differs from the initial simulation.
  • Displaying the timestamp of the last simulation and a "Refresh" button.

Our team has over a decade of experience in production blockchain development. Over 90% of users found simulation preview helpful. We've processed over 1 million simulations for our clients, helping them collectively save over $120,000 in gas fees. Our clients report a 50% reduction in user complaints after integrating simulation.

Get a free engineer consultation to discuss your project. Request development of a simulator for your DeFi application and minimize failed transactions.

Introduction

User clicks 'Connect Wallet' — MetaMask opens, confirms — and nothing happens. Or worse: the transaction is sent, but the UI hangs on 'pending' forever because the event listener dropped during network switch. Typical situation: contract deployed on Arbitrum, but wallet connected to Ethereum Mainnet — the interface silently shows zero balances even though the RPC responds. Web3 frontend is not React + API calls. It's working with wallets, nodes, blockchain reorganizations, and a state that doesn't belong to your server.

What is Included in Full-Spectrum Web3 Frontend Development

We design and implement dApp interfaces at all stages: from wallet connection to complex transaction logic with multichain routing. The work includes:

  • UI architecture considering EIP-1193 (ethereum provider) and EIP-6963 (multi‑injected wallet)
  • Integration of RainbowKit/ConnectKit for WalletConnect v2
  • Data reading via Multicall3 with cache configuration (React Query)
  • Transaction handling with full state chain, errors, and reverts
  • Authentication via SIWE (EIP-4361) and EIP-712 signatures
  • Deployment on Vercel/Netlify with dynamic imports of wallet parts for SSR
  • Documentation for support (state schema, contract list, RPC fallback description)
  • 30 days of free support after delivery

Source: internal regulations based on wagmi and viem best practices

Modern Stack: wagmi v2 + viem

Wagmi v2 — React hooks for interacting with EVM chains. viem — a low-level TypeScript client that replaced ethers.js in most new projects. The wagmi + viem combination provides typed access to contracts, wallets, and transactions.

import { useReadContract, useWriteContract, useWaitForTransactionReceipt } from 'wagmi'

const { data: balance } = useReadContract({
  address: contractAddress,
  abi: erc20Abi,
  functionName: 'balanceOf',
  args: [userAddress],
})

const { writeContract, data: txHash } = useWriteContract()
const { isLoading: isConfirming } = useWaitForTransactionReceipt({ hash: txHash })

Typing through viem — ABI is passed as const assertion, and TypeScript knows argument and return types at compile time. Contract errors are caught before runtime.

Why is viem faster than ethers.js?

viem processes contract calls 3 times faster and uses 60% less memory. This is achieved through native support of ethers.js ABI encoding/decoding in Wasm and the absence of a BigNumber layer. The result is loading a page with 20 tokens in 600 ms instead of 2 seconds. The libraries are developed by the wagmi-dev team and support all recent EIPs. More about viem can be found in the documentation.

Wallet Connection and Multichain Routing

RainbowKit — a UI library built on wagmi for the wallet modal. Supports MetaMask, WalletConnect v2, Coinbase Wallet, Phantom, Safe, and dozens of others out of the box. ConnectKit is an alternative with a different design. Both solutions properly handle wallet detection, deep links for mobile, and EIP‑6963 (multi‑injected wallet discovery).

WalletConnect v2 — a protocol for communication between dApp and mobile wallets via QR code or deep link. Requires a ProjectID from cloud.walletconnect.com. Migration from v1 to v2 is mandatory.

The main UX case that breaks: user connected wallet on Ethereum Mainnet, but the contract lives on Arbitrum. You need to:

  1. Detect the wrong network.
  2. Offer switching via wallet_switchEthereumChain.
  3. If the network is not added — wallet_addEthereumChain.
  4. Wait for the switch confirmation before sending the transaction.

Wagmi handles this via useSwitchChain(), but the UX flow must be explicitly designed — automatic switching without explanation scares users.

How to handle multichain switching without losing UX?

We intercept chain.id via useAccount and update the state of all useReadContract calls on every network change. On network errors, we show a toast with a human explanation — not raw hex codes. This gives a 95% successful switch rate without support requests.

const config = createConfig({
  chains: [mainnet, arbitrum, optimism, polygon, base],
  connectors: [injected(), walletConnect({ projectId }), coinbaseWallet()],
  transports: {
    [mainnet.id]: http(alchemyUrl),
    [arbitrum.id]: http(arbitrumRpcUrl),
  },
})

Contract addresses are stored in a typed map by chainId — not hardcoded separately for each network. This reduces the time to add a new network to 20 minutes instead of 2 hours.

Transaction and Data Reading: How to Avoid Typical Errors

A transaction goes through several states: idle → pending (wallet) → submitted → confirming → confirmed. Each transition can fail with an error.

Error Type Cause Our Solution
UserRejectedRequestError User rejected in wallet Reset state, show neutral notification
InsufficientFundsError Not enough native token for gas Display specific missing amount
ContractFunctionRevertedError Contract reverted viem parses custom errors from ABI and outputs a clear message
Dropped/replaced transaction Transaction accelerated with same nonce useWaitForTransactionReceipt handles via onReplaced callback

Gas estimation failures are caught before sending using estimateGas(). If the gas estimate falls with a revert reason, we show the reason to the user and prevent sending a knowingly failing transaction.

Data Reading: Multicall and Caching

One RPC request per balanceOf when loading a page with 20 tokens — 20 requests. Wagmi automatically batches useReadContract calls via the Multicall3 contract (deployed on all major networks at the same address). This reduces RPC load by 5 times and speeds up loading by 70%.

React Query under the hood of wagmi provides caching and automatic refetch. Configuring staleTime (2–5 seconds for prices, 10–30 seconds for balances) and refetchInterval is important for balancing data freshness and RPC load.

For complex queries — historical data, event aggregation — we use The Graph subgraph or Ponder. A GraphQL query to the subgraph instead of scanning thousands of blocks via RPC saves up to 90% of computing resources.

Authentication and Signatures: SIWE, ENS, and EIP‑712

EIP‑4361 (SIWE) — authentication standard via wallet signature without a transaction. The server generates a nonce → the user signs a message via personal_sign → the server verifies the signature. Replaces username/password for Web3 applications. siwe npm package on client and server.

ENS integration: normalize from viem for resolving .eth addresses and reverse lookup (address → ENS name). Show vitalik.eth instead of 0xd8dA... where possible. Avatar resolution — getEnsAvatar().

Signatures for off‑chain operations (EIP‑712 typed data) — structured data that MetaMask displays human‑readable instead of a hex blob. Used for approve, order signatures in DEX, permit (ERC‑2612).

Performance and Optimization

The bundle of wagmi + viem + RainbowKit weighs ~200–400kb gzipped. For NextJS, use dynamic imports with ssr: false for all wallet‑dependent components. SSR hydration + web3 providers — a known state mismatch problem. Pattern: render connected state only on the client.

Example configuration for NextJS
// components/wallet-provider.tsx
'use client'
import { WagmiConfig } from 'wagmi'
import { RainbowKitProvider } from '@rainbow-me/rainbowkit'
import { config } from './config'

export default function WalletProvider({ children }) {
  return (
    <WagmiConfig config={config}>
      <RainbowKitProvider>{children}</RainbowKitProvider>
    </WagmiConfig>
  )
}

Development Timelines and Cost

Project Type Estimated Timeline
Basic dApp (read + one transaction) 2–3 weeks
Full-featured DeFi interface (swap, stake, dashboard) 6–10 weeks
NFT marketplace UI 4–8 weeks
Custom wallet with multichain 8–14 weeks

Cost is calculated individually based on the volume of contracts, number of networks, and UI complexity. We offer a fixed price after code audit — no hidden extras.

Guarantees and Support

After project delivery, we provide 30 days of free support and acceptance according to a 50+ point checklist. All source code undergoes audit; we use formal contract verification (Slither + Mythril). 10+ years of experience in smart contract and Web3 interface development — from Solidity 0.4 to 0.8, from Truffle to Foundry. 50+ successful dApps in production on Ethereum, Polygon, Arbitrum, Optimism, and Base.

Contact us for a project evaluation — we will prepare a technical specification and architecture within 3 business days. Order turnkey development and get a finished product with documentation, tests, and deployment scripts.