Giter VIP home page Giter VIP logo

berial's Introduction

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

berial's People

Contributors

07akioni avatar axetroy avatar chenjigeng avatar duhongjun avatar eathonye avatar h-a-n-a avatar hansinhu avatar hitsuki9 avatar wu-yu-xuan avatar yes-lee avatar yisar avatar zhang-xiao avatar zhmushan avatar zhongmeizhi avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.