https://github.com/jahilldev/hypnode-server
Provides a simple utility to run server side to build HTML strings
https://github.com/jahilldev/hypnode-server
Last synced: 5 months ago
JSON representation
Provides a simple utility to run server side to build HTML strings
- Host: GitHub
- URL: https://github.com/jahilldev/hypnode-server
- Owner: jahilldev
- Created: 2019-12-05T16:07:26.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T02:23:33.000Z (over 3 years ago)
- Last Synced: 2025-08-09T08:23:49.741Z (10 months ago)
- Language: TypeScript
- Size: 1.04 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
A super fast utility function to build HTML strings for server side rendering from [`hypnode`](https://github.com/jhdevuk/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:
```javascript
import { render } from 'hypnode-server';
```
```javascript
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:
```javascript
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`:
```javascript
import { h } from 'hypnode';
import { render } from 'hypnode-server';
...
const output = (
Lorem ipsum
);
/*[...]*/
const result = render(output);
```
You will now have an `HTML` string that can be returned in a response from your server.