/berial

😈 Simple micro-front-end framework.

Primary LanguageTypeScript

berial logo

Berial

👿 Simple micro-front-end framework.

Build Status npm-v npm-d

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 'berial'

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

mixins will apply all apps

License

MIT ©yisar ©h-a-n-a