Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ara-framework/hypernova-preact
Preact Bindings for Hypernova
https://github.com/ara-framework/hypernova-preact
hypernova hypernova-preact preact
Last synced: 3 days ago
JSON representation
Preact Bindings for Hypernova
- Host: GitHub
- URL: https://github.com/ara-framework/hypernova-preact
- Owner: ara-framework
- License: mit
- Created: 2019-06-22T04:15:17.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2021-08-02T05:56:14.000Z (over 3 years ago)
- Last Synced: 2024-12-09T14:31:52.055Z (27 days ago)
- Topics: hypernova, hypernova-preact, preact
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/hypernova-preact
- Size: 10.7 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# hypernova-preact
[Preact](https://preactjs.com) bindings for [Hypernova](https://github.com/airbnb/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
```sh
npm install hypernova-preact
```## Usage
Here's how to use it in your module:
```js
import { renderPreact } from 'hypernova-preact'
import Example from './components/Example'export default renderPreact('Example', Example)
```