https://github.com/airbnb/hypernova-react
React bindings for Hypernova.
https://github.com/airbnb/hypernova-react
Last synced: 3 months ago
JSON representation
React bindings for Hypernova.
- Host: GitHub
- URL: https://github.com/airbnb/hypernova-react
- Owner: airbnb
- License: mit
- Archived: true
- Created: 2016-06-03T20:08:13.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2023-10-09T17:54:21.000Z (almost 2 years ago)
- Last Synced: 2024-05-02T01:15:52.813Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://github.com/airbnb/hypernova
- Size: 77.1 KB
- Stars: 248
- Watchers: 23
- Forks: 49
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
| :exclamation: Deprecation Notice |
|:-|
|We want to express our sincere gratitude for your support and contributions to the Hypernova open source project. As we are no longer using this technology internally, we have come to the decision to archive the Hypernova repositories. While we won't be providing further updates or support, the existing code and resources will remain accessible for your reference. We encourage anyone interested to fork the repository and continue the project's legacy independently. Thank you for being a part of this journey and for your patience and understanding.|
---
# hypernova-react
[React](https://github.com/facebook/react) 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-react
```
## Usage
Here's how to use it in your module:
```js
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,
);
```