RaguDom: Configuring the client

RaguDOM aims to fetch remote components from Ragu Server.

Instalation

npm install ragu-dom

All you need to do is to register the ragu custom element:

const {registerRaguComponent} = require("ragu-dom");
registerRaguComponent();

The script above required transpilation.

CDN

If you don't want to setup the webpack by yourself, you can just use the jsdelivr CDN.

<script src="https://cdn.jsdelivr.net/npm/ragu-dom@latest/ragu-dom.js"></script>
<script>
  RaguDOM.registerRaguComponent();
</script>

Rendering components:

You can just render a remote ragu component by adding this code fragment at you HTML.

<ragu-component src="https://ragu-cart-vuejs.herokuapp.com/components/cart"></ragu-component>