Usage no npm install needed!

<script type="module">
  import hypernovaReact from 'https://cdn.skypack.dev/hypernova-react';
</script>

README

hypernova-react

React bindings for Hypernova.

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 hypernova-react

Usage

Here's how to use it in your module:

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

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