这是一个精心仿制 Apifox 界面的纯前端项目，使用 Next + Antd + TypeScript + TailwindCSS 开发，源码融入了很多好的编码实践，能让你学习到如何组织和建设一个复杂的 React 项目，非常适合 React 新手学习！
在日常工作中，我经常会使用 Antd 来构建页面，但大多数页面的结构和交互都是比较简单的。为了精进对 Next + Antd 的使用技巧，我选择了 Apifox 这个相对复杂的界面进行模仿，希望在实践中能够掌握使用 Antd 打造出高级的页面效果。
可能有很多小伙伴也抱有类似的学习动机，所以我将代码开源出来，希望能帮助各位。
本地启动
pnpm i # 安装项目依赖
pnpm dev # 启动本地服务
2025-09-03 19:25:53
198KB
1
React时间
概述
基于react和antd完成的一个创建cron的插件。核心代码在src/cron/index.js。
本地安装引用
import ReactCron from '@/cron/index.js'
require ( "@/cron/index.css)
class App extends React.Component {
return
<ReactCron
presetCRONExp={" * * * * * ? * "} // 初始cron 默认 " * * * * * ? * "
onCRONExpChanged={onCRONExpChanged} // 修改时的回调
i18
2024-03-22 10:14:53
2KB
1
React-shop-dome
项目初始化
1、react脚手架
create-react-app react-shop-dome
删除多于文件src留下App.js以及index.js，并把对应引入删掉
2、引入antd和antd-mobile
1.下载依赖包
npm install antd antd-mobile -S
2.实现按需加载
npm install babel-plugin-import react-app-rewired customize-cra --dev
修改package.json
"scripts": {
- "start": "react-scripts start",
+ "start": "react-app-rewired start",
- "build": "react-scripts build",
+ "build":
2023-05-19 18:04:35
1.77MB
1
关于
此项目是 react + antd-moblie 构建的h5电商平台，所有的数据都是从 实时获取的真实数据，具有真实的登录注册、商品搜索/筛选、购物车等功能。
说明
如果对您对此项目有兴趣，可以点 "Star" 支持一下 谢谢！ ^_^
或者您可以 "follow" 一下，我会不断开源更多的有趣的项目
有问题请直接提 Issues，或者您发现问题并有非常好的解决方案，欢迎 PR :thumbs_up:
传送门： 、 、 、
技术栈
react + mobx + react-router + less + axios + antd-moblie
项目运行
git clone https://github.com/zhong-tsong/react-mobx-antd-mobile-h5-dmall2.0
cd react-mobx-antd-mobile-h5-dmall2.0
npm in
2023-03-10 21:58:40
2.95MB
1
用于AntD4的虚拟表格组件，用于gzip的快速，可恢复且最小的尺寸！
安装
npm i --save virtualizedtableforantd4
useVT的选择（）
interface vt_opts {
id ?: number ;
/**
* @default 5
*/
overscanRowCount ?: number ;
/**
* this only needs the scroll.y
*/
scroll ?: {
y : number ;
} ;
/**
* wheel event(only works on native events).
*/
onScroll ?: ( { left , top , isEnd , } :
{ top : number ; left :
2022-12-15 15:52:38
27KB
1
react-fabric-demo
基于react(umi)+antd+fabric实现的在线图片合成，将背景图、背景色、照片、文字拖拽生成主题图。
Demo
使用方式
tyarn install 或 yarn install 或 npm install
tyarn start 或 yarn start 或 npm start
访问：
2022-12-06 14:24:38
995KB
1