Skip to content
forked from berialjs/berial

😈 Simple micro-front-end framework.

License

Notifications You must be signed in to change notification settings

luyi2008/berial

 
 

Repository files navigation

berial logo

Berial

👿 Simple micro-front-end framework.

Build Status npm-v npm-d

Feature

  • lifecycle loop

  • shadow dom

  • scoped css

  • proxy + MutationObserver sandbox

  • html loader

  • mixins

Use

<one-app></one-app>

<two-app></two-app>
import { register, start } from 'berial'

register(
  'one-app',
  'https://localhost:3000/one.html',
  (location) => location.hash === '#/app1'
)
register(
  'two-app',
  'https://localhost:3000/two.html',
  (location) => location.hash === '#/app2'
)
start()

mixins

import { mixin } from 'berial'

mixin({
  bootstrap: () => {},
  mount: () => {},
  unmount: () => {}
})

mixins will apply all apps

License

MIT ©yisar ©h-a-n-a

About

😈 Simple micro-front-end framework.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 56.3%
  • JavaScript 40.7%
  • Vue 1.6%
  • Other 1.4%