Wagmi Example

https://wagmi.sh/react/guides/tanstack-query

React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

@vitejs/plugin-react uses Babel for Fast Refresh
@vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

Configure the top-level parserOptions property like this:

export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
  },
}

Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
Optionally add plugin:@typescript-eslint/stylistic-type-checked
Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list

doc

Github：https://github.com/OffcierCia/DeFi-Developer-Road-Map DeFi Developer Road Map 是去中心化金融（DeFi）开发者的学习和技能路线图，该路线图包括了从基础的区块链知识、智能合约、加密货币等概念开始，逐渐深入到各种DeFi协议、去中心化交易所（DEX）、流动性挖掘（Liquidity Mining）、闪电贷（Flash Loans）等高级概念和实际项目开发。

Github：https://github.com/FrancescoXX/free-Web3-resources FREE Web3 resources 给开发者和学习者提供了 Web3 相关资源，这些资源可以包括各种在线课程、文档、视频教程、社区和开放源代码库等。它们可以帮助更好地理解和使用 Web3 技术，构建去中心化、安全和可靠的应用。

Awesome Ethereum 一组很棒的以太坊和 Dapps 学习资源。 Github：https://github.com/bekatom/awesome-ethereum

Github：https://github.com/ahmet/awesome-web3 Awesome Web 3 一组很棒的 Web 3 学习资源。

framework

RainbowKit Github：https://github.com/rainbow-me/rainbowkit RainbowKit 是一个 React 库，可以轻松地将钱包连接添加到 dapp。该工具可简化开发人员在开发DApp时需要进行的多钱包、多网络连接支持工作。RainbowKit支持所有EVM兼容链。

Web3Modal Github：https://github.com/WalletConnect/web3modal Web3Modal 是一个多功能的库，可以轻松地将用户与 Dapp 连接起来并开始与区块链交互。可以在一个地方管理多链钱包连接流。在设计时同时考虑到开发人员和用户，它易于集成和定制，带来独特的体验。

Web3UI Kit Github：https://github.com/web3ui/web3uikit Web3Modal 是一个 JavaScript 库，旨在为 Web3（以太坊、BSC、Polygon 等区块链）DApp 提供简单易用的登录和交互体验。它支持多种钱包提供商，如 MetaMask、WalletConnect、Portis、Trezor、Ledger 等，并且能够跨设备、浏览器和平台提供一致的用户体验。

Lenstube Github：https://github.com/lenstube-xyz/lenstube Lenstube 是一个基于 Lens Protocol 构建的开源视频共享社交媒体平台，由 Livepeer 和 Vercel 提供支持，创作者上传视频时可以选择视频收集对象，限制收集人数、视频类别以及设置收集费用和推荐费用，也可以直接将发布的视频转发同步至 Lens。

Lenster Github：https://github.com/lensterxyz/lenster Lenster 是一款使用 Lens Protocol 协议构建的去中心化且无需许可的 Web 3 社交媒体应用，允许连接 Web3 钱包和使用 Lens 来登陆。在 Lenster 可以发布帖子、浏览朋友圈和探索内容趋势，还可以直接搜索相关内容帖子或者用户 Profiles。

kone-net/wagmi-react

Wagmi Example

React + TypeScript + Vite

Expanding the ESLint configuration

doc

framework