https://github.com/X-neuron/antdFront

Antdfront is a set of multi tab experimental react microfrontend template
https://github.com/X-neuron/antdFront

admin antd linguijs microfrontend multi-tabs qiankun react react-router6 react18 recoil scoffold tabs template typescript webpack webpack5

Last synced: 1 day ago
JSON representation

Antdfront is a set of multi tab experimental react microfrontend template

• Host: GitHub
• URL: https://github.com/X-neuron/antdFront
• Owner: X-neuron
• License: mit
• Created: 2020-04-03T05:43:33.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2024-03-13T15:05:59.000Z (8 months ago)
• Last Synced: 2024-03-13T16:30:01.015Z (8 months ago)
• Topics: admin, antd, linguijs, microfrontend, multi-tabs, qiankun, react, react-router6, react18, recoil, scoffold, tabs, template, typescript, webpack, webpack5
• Language: TypeScript
• Homepage:
• Size: 780 KB
• Stars: 202
• Watchers: 7
• Forks: 49
• Open Issues: 3
• Metadata Files:
  • Readme: README-cn.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[English](./README.md) | 简体中文

# AntdFront

AntdFront 是一套基于 Ant Design 的实验性、拥抱 react hook,纯函数,实现按钮级权限，使用下一代数据流, 微前端框架 qiankun 的 多标签 React 前端模板

如果你需要前端完整应用权限实例，欢迎参考：[X-plat](https://github.com/X-neuron/x-plat.git)

## 特性

- **原生:** 纯 hook，同时采用 webpack、babel、antd 等较为原生的配置和函数组件搭建，支持 pwa

- **路由:** react-route6 和 纯原生组件实现 react 多标签 tab

- **下一代数据流:** 集成下一代 react 状态管理器-recoil

- **微前端:** 使用 qiankun 实现微前端架构



## 安装使用

```

1: gitclone https://github.com/X-neuron/antdFront.git

2: npm i or yarn

3: npm run dev

```

## 技术选型和动机介绍

路由

https://zhuanlan.zhihu.com/p/354111579

国际化

https://zhuanlan.zhihu.com/p/291202582

数据流：

https://zhuanlan.zhihu.com/p/268890371

动机：

https://zhuanlan.zhihu.com/p/141738683

致谢：[qiujie8092916](https://github.com/qiujie8092916) 提供typescript版