lr-client-renderer

1.0.1 • Public • Published

lr-client-renderer reference

A Lagoon road extension that gives you renderer functionality on the client. This renderer does quick replacement and doesn't do virtual dom html difference changes. It should suffice for about 95% of all cases. When you start working more with a websocket pub/sub system you might want to consider writing your own renderer or use a virtual dom approach so user input will not get replaced on dom updates. Read more about writing extensions in the guide.

The client side renderer sends out update events whenever a component has been added to the DOM. See the guide to understand how to implement this.

Information -
Code coverage -
Repo link lr-client-renderer
Dependencies -
Size (Browserify, Babel and Gzip) 851 bytes
Version 1.0.0
License MIT
Usage guide

Adding the extension to lagoon road

const router   = require('lr-client-renderer');
const road     = require('lr-main')('client');
road
  .extension('renderer', renderer, true);

renderer.render(html, placeholder)

renderer.render('<section>...</section>', '.placeholderName');

Add component to the template.

html:string
The components html that you want to load.

placeholder:string
A html selector that should be the parent of the html you want to add. The contents of the placeholder will be replaced with the new html.

Package Sidebar

Install

npm i lr-client-renderer

Weekly Downloads

5

Version

1.0.1

License

MIT

Last publish

Collaborators

  • braadworst