ronffy / Dva Ts React Antd
Licence: mit
🌱 基于Dva和TypeScript的后台管理系统框架
Stars: ✭ 68
Programming Languages
typescript
32286 projects
Labels
Projects that are alternatives of or similar to Dva Ts React Antd
Eth Hot Wallet
Ethereum wallet with erc20 support / web wallet - built using react, web3, eth-lightwallet
Stars: ✭ 205 (+201.47%)
Mutual labels: antd, redux-saga
laravel-react-boilerplate
Laravel React Boilerplate with Ant Design, Route-Level Code Splitting, Redux, Sanctum Auth
Stars: ✭ 49 (-27.94%)
Mutual labels: redux-saga, antd
sunrise
The rise of a new project with React, Redux-Saga and React-Router
Stars: ✭ 13 (-80.88%)
Mutual labels: redux-saga, antd
umi-dva-typescript-mock
基于umi + dva + typescript + mock + antd的react框架,内置PWA
Stars: ✭ 17 (-75%)
Mutual labels: redux-saga, antd
bank-client
Frontend Application using React.js with Hooks, Redux, Saga, Ant Design, styled-components and Jest
Stars: ✭ 57 (-16.18%)
Mutual labels: redux-saga, antd
Typescript Hapi React Hot Loader Example
Simple TypeScript React Hot Loading example with Hapi Server-side rendering
Stars: ✭ 44 (-35.29%)
Mutual labels: redux-saga
React Universal Saga Modular
Universal & Modular React Kit ft. Redux Saga
Stars: ✭ 59 (-13.24%)
Mutual labels: redux-saga
React Antd Todo
A simple todo list app built with React, Redux and Antd - Ant Design
Stars: ✭ 42 (-38.24%)
Mutual labels: antd
Neutron
Neutron is a CLI developed to help developers create new react projects with Redux + Redux Saga and offers well-structured code standardization.
Stars: ✭ 65 (-4.41%)
Mutual labels: redux-saga
React Ant Pro
(基于pro 1.0)基于Ant Design Pro 后台项目修改的多标签页tabs(多标签tabs、拖拽、富文本、多功能table、多选Select、React Hooks)
Stars: ✭ 64 (-5.88%)
Mutual labels: antd
React Mobx Ts Antd
A simple empty project build with react、react-router、mobx、antd in typescript.
Stars: ✭ 53 (-22.06%)
Mutual labels: antd
React Redux Antdesign Webpack Starter
react + redux + ant design + react-router 4 + webpack 4 starter
Stars: ✭ 44 (-35.29%)
Mutual labels: antd
Movie Browser App
React-redux + Firebase application to browse on movie database
Stars: ✭ 61 (-10.29%)
Mutual labels: redux-saga
React Sider
Lightweight Ant Design Pro like <Sider /> component integrated with Ant Design Menu.
Stars: ✭ 42 (-38.24%)
Mutual labels: antd
Redux Saga Test Plan
Test Redux Saga with an easy plan.
Stars: ✭ 1,135 (+1569.12%)
Mutual labels: redux-saga
Ant Design Blazor
Enterprise-class UI components based on Ant Design and Blazor.
Stars: ✭ 39 (-42.65%)
Mutual labels: antd
React Adventure
⛰ React high-ending architecture & patterns ready for use. Made for big and small projects. PWA Ready.
Stars: ✭ 62 (-8.82%)
Mutual labels: redux-saga
基于Dva和TypeScript的后台管理系统框架
介绍
- dva 基于 redux、redux-saga 和 react-router 的轻量级前端框架。
- roadhog 开箱即用的 react 应用开发工具,内置 css-modules、babel、postcss、HMR 等
- typescript JS的强类型版本
- UI库是Ant Design
- 用tslint做代码规范
安装
yarn
# or
npm install
开发
npm run dev
构建
npm run build
项目目录
├── /dist/ # 项目输出目录
├── /mock/ # 数据mock
├── /src/ # 项目源码目录
│ ├── /public/ # 公共文件,编译时copy至dist目录
│ ├── /components/ # UI组件及UI相关方法
│ │ ├── /Component/ # 单个UI组件目录
│ │ │ ├── index.less # 单个UI组件的样式
│ │ │ └── index.tsx # 单个UI组件
│ │ └── index.tsx # UI组件对外输出口
│ ├── /routes/ # 路由组件
│ │ └── app.tsx # 路由入口
│ ├── /models/ # 数据模型
│ ├── /services/ # 数据接口
│ ├── /themes/ # 项目样式
│ ├── /interfaces/ # TS接口文件目录
│ │ └── index.tsx # 定义全局TS接口,如models的接口等
│ ├── /configs/ # 项目常规配置
│ │ └── Apis.ts # api配置
│ ├── /utils/ # 工具函数
│ │ └── request.js # 异步请求函数
│ ├── route.tsx # 路由配置
│ ├── index.tsx # 入口文件
│ ├── index.less # 全局样式
│ └── index.ejs # 入口html
├── package.json # 项目信息
├── theme.config.js # 主题样式配置引入文件
├── tsconfig.json # TypeScript配置
├── alias.config.js # 配置webpackConfig.resolve.alias
├── .roadhogrc.mock.js # 配置mock
├── globals.d.ts # 配置TS全局的声明文件
├── tslint.json # TSlint配置
└── webpackrc.js # roadhog配置
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].