Web3-App

简介 📖

React19 + TypeScript + Vite6 + Redux + AntDesign

特性 ⭐

• 最新技术栈：使用 React19/Vite6 等前端前沿技术开发
• TypeScript: 应用程序级 JavaScript 的语言

准备 🔨

• Node - 项目开发环境
• Vite - 熟悉 vite 特性
• React19 - 熟悉 React 基础语法
• TypeScript - 熟悉 TypeScript 基本语法
• ES6+ - 熟悉 ES6 基本语法
• Redux - Redux 基本使用
• Ant-Design - Ant-Design 基本使用

安装使用 📔

• 获取项目代码

git clone https://github.com/zeromorphis/react-web3-app.git

• 安装依赖

cd react-web3-app

yarn install 或 npm install

• 运行

yarn serve  或 npm run dev

• 打包

yarn build  或 npm run build 

文件资源目录 📚

react-web3-app
├─ public                 # 静态资源文件
├─ src
│  ├─ api                 # API 接口管理
│  ├─ assets              # 静态资源文件
│  ├─ components          # 全局组件
│  ├─ config              # 全局配置项
│  ├─ hooks               # 常用 Hooks
│  ├─ language            # 语言国际化
│  ├─ redux               # redux store
│  ├─ router              # 路由管理
│  ├─ sdk                 # web3相关操作
│  ├─ styles              # 全局样式
│  ├─ typings             # 全局 ts 声明
│  ├─ utils               # 工具库
│  ├─ views               # 项目所有页面
│  ├─ App.tsx             # 入口页面
│  ├─ index.less          # 样式注入文件
│  ├─ main.tsx            # 入口文件
│  └─ env.d.ts            # vite 声明文件
├─ .env                   # vite 常用配置
├─ .env.development       # 开发环境配置
├─ .env.production        # 生产环境配置
├─ .env.test              # 测试环境配置
├─ .gitignore             # git 提交忽略
├─ index.html             # 入口 html
├─ package-lock.json      # npm 依赖包包版本锁
├─ package.json           # 依赖包管理
├─ README.md              # README 介绍
├─ tsconfig.json          # typescript 全局配置
├─ tsconfig.node.json     # node 环境配置
├─ vite.config.ts         # vite 全局配置文件
└─ yarn.lock              # yarn 依赖包包版本锁

浏览器支持 🌎

• 本地开发推荐使用 Chrome 最新版浏览器 Download。
• 生产环境支持现代浏览器，不再支持 IE 浏览器，更多浏览器可以查看 Can I Use Es Module。

not support	last 2 versions	last 2 versions	last 2 versions	last 2 versions

捐赠 🍵

如果你正在使用这个项目或者喜欢这个项目的，可以通过以下方式支持我：

• Star、Fork、Watch 一键三连 🚀
• 通过微信、支付宝一次性捐款 ❤

微信	支付宝

维护者 👨‍👨‍👦‍👦

@言棠