hub / github.com/MAXLZ1/micro-app-demos

github.com/MAXLZ1/micro-app-demos @main

Chat with this repo

repository ↗ · DeepWiki ↗ · + Follow

392 symbols 1,065 edges 318 files 0 documented · 0% ● updated 3y ago★ 2495 open issues

Browse by type

⨍ Functions 269◇ Types & classes 123

What it actually does AI analysis from the code graph — generated when you open this

loading…

README

微前端框架示例汇总

该仓库集合了以qiankun、MicroApp、icestark、wujie、Garfish为基础实现的多种微前端示例。

为方便利用Github Page进行展示，以下应用均使用hash路由。

线上地址：

qiankun demo：https://maxlz1.github.io/micro-app-demos/qiankun-demo/vue3-main/
MicroApp demo：https://maxlz1.github.io/micro-app-demos/micro-app-demo/vue3-main/
icestark demo：https://maxlz1.github.io/micro-app-demos/icestark-demo/vue3-main/
wujie demo：https://maxlz1.github.io/micro-app-demos/wujie-demo/vue3-main/
Garfish demo：https://maxlz1.github.io/micro-app-demos/garfish-demo/vue3-main/

各应用仓库地址：

Extension points exported contracts — how you extend this code

Window (Interface)

(no doc)

packages/wujie-demo/react-child/src/wujie-helper.d.ts

Props (Interface)

(no doc)

packages/icestark-demo/react-child/src/index.tsx

Message (Interface)

(no doc)

packages/wujie-demo/react-child/src/components/MessageTrigger/index.tsx

Prop (Interface)

(no doc)

packages/qiankun-demo/react-child/src/index.tsx

User (Interface)

(no doc)

packages/wujie-demo/react-child/src/stores/userSlice.ts

UserState (Interface)

(no doc)

packages/wujie-demo/react-child/src/stores/userSlice.ts

browse all types & interfaces →

Core symbols most depended-on inside this repo

↓ 6 filescreateRouter

packages/garfish-demo/vite-child/src/router.tsx

↓ 4 filessetUser

packages/icestark-demo/vue3-main/src/stores/user.ts

↓ 2 filessetupApp

packages/wujie-demo/vue3-main/src/utils/setupApp.ts

↓ 2 filesincrement

packages/wujie-demo/vue3-main/src/stores/counter.ts

↓ 2 filesdecrement

packages/wujie-demo/vue3-main/src/stores/counter.ts

↓ 2 filesdispatchUserEvent

packages/qiankun-demo/vue3-main/src/utils/dispatchUserEvent.ts

browse all functions →

Shape

Function 269

Interface 106

Enum 17

Languages

TypeScript100%

Modules by API surface

packages/qiankun-demo/vue2-child/src/main.ts7 symbols

packages/qiankun-demo/react-child/src/index.tsx6 symbols

packages/qiankun-demo/vue3-main/src/utils/messageListener.ts5 symbols

packages/qiankun-demo/vite-child/src/main.tsx5 symbols

packages/icestark-demo/vite-child/src/main.tsx5 symbols

packages/icestark-demo/react-child/src/index.tsx5 symbols

packages/wujie-demo/vue3-main/src/utils/messageListener.ts4 symbols

packages/wujie-demo/vue3-main/src/stores/menu.ts4 symbols

packages/wujie-demo/vite-child/src/components/MessageTrigger/index.tsx4 symbols

packages/wujie-demo/react-child/src/views/MicroAppView/index.tsx4 symbols

packages/wujie-demo/react-child/src/components/MessageTrigger/index.tsx4 symbols

packages/qiankun-demo/vue3-main/src/stores/menu.ts4 symbols

For agents

$ claude mcp add micro-app-demos \
  -- python -m otcore.mcp_server <graph>

⬇ download graph artifact

github.com/MAXLZ1/micro-app-demos @main

微前端框架示例汇总

Extension points exported contracts — how you extend this code

Core symbols most depended-on inside this repo

Shape

Languages

Modules by API surface

For agents

Ask about this repo answers extend the page