Package Exports

diffhtml-render-to-string

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (diffhtml-render-to-string) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

<±/> diffHTML Render to String

Stable Version: 1.0.0-beta.18

Allows you to render diffHTML markup to string. This is useful for server-side rendering, compiling to static HTML, and testing.

All middleware should work if it can run under Node.js. For instance you can use Components by importing from diffhtml-components or get logging by importing diffhtml-middleware-logger.

Installation

npm install diffhtml-render-to-string

Example

import { html } from 'diffhtml';
import { renderToString } from 'diffhtml-render-to-string';

const markup = renderToString(html`
  <div>Hello world</div>
`);

// Use with something like express to send to the client.
//res.send(markup);

Example components

import { html } from 'diffhtml';
import { Component } from 'diffhtml-components';
import { renderToString } from 'diffhtml-render-to-string';

class MyComponent extends Component {
  render({ message }) {
    return html`
      <p>${message}</p>
    `;
  }
}

const markup = renderToString(html`
  <${MyComponent} message="Hello world" />
`);

// Use with something like express to send to the client.
res.send(markup);