berial

Berial

:imp: Simple micro-front-end framework.

Feature

• lifecycle loop

• shadow dom

• scoped css

• proxy sandbox

• html loader

• mixins

Use

<one-app></one-app>

<two-app></two-app>

import { register, start } from 'berial'

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

mixins

import { mixin } from 'berail'

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

mixins will apply all apps

License

MIT ©yisar ©h-a-n-a