🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
Book a DemoInstallSign in
Socket

hypnode-server

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

hypnode-server

A super fast utility function to build HTML strings for server side rendering from [`hypnode`](https://github.com/jhdevuk/hypnode) virtual `DOM` references.

1.1.0
latest
Source
npm
Version published
Weekly downloads
5
-37.5%
Maintainers
1
Weekly downloads
 
Created
Source

A super fast utility function to build HTML strings for server side rendering from hypnode virtual DOM references.

Getting Started

To install hypnode, you can use one of the following in your project:

yarn add hypnode-server or npm install hypnode-server

Usage

The render function can be imported in one of the following ways:

import { render } from 'hypnode-server';
const { render } = require('hypnode-server');

To generate a virtual representation of your DOM structure, call your hypnode functions on the server. This will return an IVNode instance that you can pass to the render function. For example:

import { h } from 'hypnode';
import { render } from 'hypnode-server';

/*[...]*/

const output = h('div', { className: 'wrapper' }, [
   h('p', { title: 'First paragraph' }, 'Lorem ipsum'),
]);

/*[...]*/

const result = render(output);

or, with JSX:

import { h } from 'hypnode';
import { render } from 'hypnode-server';
...
const output = (
   <div class="wrapper">
      <p title="First paragraph">Lorem ipsum</p>
   </div>
);

/*[...]*/

const result = render(output);

You will now have an HTML string that can be returned in a response from your server.

Keywords

jsx

FAQs

Package last updated on 28 Aug 2020

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts