https://github.com/brandonxiang/mefa

A meta framework for micro frontend
https://github.com/brandonxiang/mefa

Last synced: 9 days ago
JSON representation

A meta framework for micro frontend

• Host: GitHub
• URL: https://github.com/brandonxiang/mefa
• Owner: brandonxiang
• License: mit
• Created: 2018-11-21T14:03:10.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-01-27T04:09:12.000Z (almost 6 years ago)
• Last Synced: 2024-10-27T09:18:12.026Z (17 days ago)
• Language: TypeScript
• Size: 1.45 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# mefa (Developing)

A meta framework for micro-frontend, which is inspired by [Mooa](https://github.com/phodal/mooa) and [Single-SPA](https://github.com/CanopyTax/single-spa).

## Usage

#### Portal System

```javascript

import { mefa } from 'mefa'

// use Iframe Object to initailize 

this.mefa = new Mefa(this.$refs.subsystem)

// register you sub application 

this.mefa.registerApplication({app: '1', route: '/', link: 'http://localhost:4002/'})

```

```javascript

// trigger your sub application to change

this.mefa.navigateTo({app, route})

```

#### SubSystem

```javascript

import { appMefa } from 'subMefa' 

// listen the command for routeupdate

appMefa.onRouteUpdate((path) => {

  route( path );

});

```

## DEMO

[Here is the link](https://github.com/brandonxiang/mefa/tree/master/examples)

## ROADMAP

issue[#1](https://github.com/brandonxiang/mefa/issues/1)

## LICENSE

MIT@[BrandonX](https://github.com/brandonxiang/mefa/blob/master/LICENSE)