/berial

😈 Simple micro-front-end framework.

Primary LanguageTypeScriptMIT LicenseMIT

berial logo

Berial

👿 Simple micro-front-end framework.

Build Status npm-v npm-d

Why Berial

Berial is a new approach to a popular idea: build a javascript framework for front-end microservices.

There are any wonderful features of it, such as Asynchronous rendering pipeline (like React Fiber), Web components (shadow DOM + scoped css), JavaScript sandbox (Proxy + MutationObserver).

Note: diffence form fre, Berial will pay attention to business value.

Use

<router-view slot="a" path="a.html">
  <router-view slot="b" path="b.html"></router-view>
  <router-view slot="c" path="c.html"></router-view>
</router-view>

<script type="module">
  import { Entity } from 'berial'
  // 注册所有实例
  window.customElements.define('router-view', Entity)
  // 切换路由,自动匹配实例到 slot 中
  window.history.push('/a/b')
</script>

License

MIT ©yisar ©h-a-n-a