x-neuron / antdfront Goto Github PK

View Code? Open in Web Editor NEW

201.0 6.0 49.0 799 KB

Antdfront is a set of multi tab experimental react microfrontend template

License: MIT License

JavaScript 43.29% HTML 0.93% Vue 1.33% Less 0.14% TypeScript 54.32%

antd microfrontend qiankun admin webpack5 webpack react scoffold recoil template

antdfront's Introduction

English | 简体中文

AntdFront

Antdfront is a set of multi label experimental react microfrontend template based on ant design, embracing react hook, pure function, realizing button level access, using the next generation of data flow and micro front-end framework Qiankun.

If you need a full application permission instance of the front end, please refer to: x-plat

Native: Built with react hook, webpack, babel, antd and other native components, supports PWA
Route: React-route6 and pure Native components implement react multi tabs
Minimal data flow: Integrate the next-generation state manager recoil for React
Micro Frontend: Use qiankun to implement micro frontend

Installation

1: gitclone https://github.com/X-neuron/antdFront.git
2: npm i or yarn
3: npm run dev

Technology choice and motivation

router

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

i18n internationalization

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

data-flow：

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

motivation：

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

Thanks：qiujie8092916 offer the typescript edition

antdfront's People

Contributors

Stargazers

Watchers

Forkers

chuyun sheldonwatson zsysuper firetable binbin0915 italic-2012 owlcitygwf kekevin baobao12356 pamxy coopercoder lhfzys xcorp1986 lianggl888 uuk sunscheung liang-hui-min if8 lsw7196 mylovetop okfantasy007 wangzhengbo white-zero holiy930561 ultrabojack dmpx frontendming yanpan997 piao334 tengxiaoyang memory-mxy zwj7181 codeyu001 codedart2018 andphp 1195002442 qiujie8092916 riverscoder zorewy dengxiaofeng ready-research blkj-net chj-damon uestclife cdwangs haojiy shanksgx walkerchan2019

antdfront's Issues

as developer i wan to have a react example

想问一下，能不能出一份umi的版本

点击菜单会出现错误

Something went wrong.
Cannot read properties of null (reading 'name')
是react 的版本的问题吗

How to reduce the bundle size?

Is there any way to reduce the bundle size? In the debug version it is producing 4MB+ and in release version almost 1MB+

How to use React, AntD etc. from the CDN (in the <head> tag of HTML) rather than bundling with webpack?

启动后webpack报错

最新的master分支代码，运行yarn dev后报错：

微前端里vue2打开后直接报错

http://127.0.0.1:8080/micro/vue2

大哥，可以用vite 来构建项目吗

大哥，可以用vite 来构建项目吗，webpack 看起来太繁琐，vite 大概了解下貌似很简洁

哥哥,你这个做到了微前端主体的多标签嘛,还能保留状态.

各个微应用在不同的标签页里切来切去,还保留状态?求原理,等我跑一遍再聊哈

微应用内部跳转，刷新页面报错

项目在本地运行报错

点击后会报错

每点击左边的选项控制台就会报错，有时候页面也会报错，请问是什么原因

recoil 的API太晦涩了

【BUG】状态保存

主应用里的页面状态保存没问题
子应用里的页面没有状态保存，会重新加载子应用页面

登录态保持？

登录后刷新就跳登录。。。

路由变化后会自动跳转到登录页面

比如手动修改路由地址，或者路由回退

npm run dev 运行不起来

× Webpack
Compiled with some errors in 46.54s

(node:24084) [DEP_WEBPACK_COMPILATION_OPTIMIZE_CHUNK_ASSETS] DeprecationWarning: optimizeChunkAssets is deprecated (use Compilation.hook.processAssets instead and use o
ne of Compilation.PROCESS_ASSETS_STAGE_* as stage option)
npm run dev 运行不起来一直停留在此状态

Tabs.TabPane的forceRender能提供keep-alive的功能吗？

项目本地启动报错

项目本地报错，npm run dev ,注释对应模块，后续有其他模块报相同错误。mac,node 14.17.5

当tab遇到qiankun

请问有项目结合qiankun的demo吗，保存不同微应用的标签页状态

有计划升级成ts吗

Trying to get in touch regarding a security issue

Hey there!

I'd like to report a security issue but cannot find contact instructions on your repository.

If not a hassle, might you kindly add a SECURITY.md file with an email, or another contact method? GitHub recommends this best practice to ensure security issues are responsibly disclosed, and it would serve as a simple instruction for security researchers in the future.

Thank you for your consideration, and I look forward to hearing from you!

(cc @huntr-helper)