@lyst/hypernova-react

React 18 bindings for Hypernova.

Based on hypernova-react.

On the server, wraps the component in a function to render it to a HTML string given its props.

On the client, calling this function with your component scans the DOM for any server-side rendered instances of it. It then resumes those components using the server-specified props.

Install

npm install --save @lyst/hypernova-react

Usage

Here's how to use it in your module:

import { renderReact } from '@lyst/hypernova-react';
import MyComponent from './src/MyComponent.jsx';

export default renderReact(
  'MyComponent.hypernova.js', // this file's name (or really any unique name)
  MyComponent,
);