qiankun

Probably the most complete micro-frontends solution you ever met🧐

Get Started →

Simple

Works with any javascript framework. Build your micro-frontend system just like using with iframe, but not iframe actually.

Complete

Includes almost all the basic capabilities required to build a micro-frontend system, such as style isolation, js sandbox, preloading, and so on.

Production-Ready

Had been extensively tested and polished by a large number of online applications both inside and outside of Ant Financial, the robustness is trustworthy.

# 📦 Installation

$ yarn add qiankun  # or npm i qiankun -S

# 🔨 Getting Started

import { registerMicroApps, start } from 'qiankun';

// register the sub apps
registerMicroApps([
  {
    name: 'reactApp',
    entry: '//localhost:7100',
    render: ({ appContent }) => ReactDOM.render(<App appContent={appContent}>, document.getElementById('container')),
    activeRule: location => location.pathname.startsWith('/react'),
  },
]);

start();

See details:Getting Started

# Community

Github Issue 钉钉群
umijs/qiankun/issues